第一章 认识jQuery
1.3.2 编写简单的jQuery代码
在jQuery库中,$就是jQuery的一个简写形式,例如$("#foo")和jQuery("#foo")是等价的,$.ajax和jQuery.ajax是等价的。
//等待dom元素加载完毕
$(document).ready(function()
{
//...
});
类似于传统Javascript中的windows.onload方法。
1.3.3 jQuery代码效果图
<script type="text/javascript">
var obj;
//为所有class值为has_children的标签<div>添加鼠标点击事件
$(".has_children").click(function()
{
obj = $(this).addClass("highlight"); //添加CSS类highlight
obj = obj.children("a"); //获取所有的子标签<a>
obj.show(); //显示<a>标签
obj = $(this).siblings().removeClass("highlight"); //移除CSS类highlight
obj = obj.children("a"); //获取所有的子标签<a>
obj.hide(); //隐藏<a>标签
});
</script>
效果图:
1.4.1 DOM对象和jQuery对象简介
在jQuery对象中无法使用DOM对象任何方法。例如$("#id").innerHTML和$("#id").checked之类的写法都是错误的,可以通过$("#id").html()和$("#id").attr("checked")之类的jQuery方法来代替。
jQuery对象与DOM对象两者并不等价。
1.4.2 jQuery对象和DOM对象的相互转换
约定jQuery变量前加$。
var $variable = jQuery对象
var $variable = DOM对象
1. jQuery对象转成DOM对象
提供两种方法将一个jQuery对象转换成DOM对象,即[index]和get(index)。
例如:
var $cr = $("#cr"); //jQuery对象
var cr = $cr[0]; //DOM对象,通过[index]取得
var cr = $cr.get(0); //DOM对象,通过get(index)取得
2. DOM对象转成jQuery对象
对于一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。方式为$(DOM对象)
var cr = document.getElementById("cr"); //DOM对象
var $cr = $(cr); //jQuery对象
平时用到的jQuery对象都是通过$()函数制造出来的,$()函数就是一个jQuery对象的制造工厂。
1.4.3 实例研究
is(":checked")是jQuery中的方法,判断jQuery对象是否被选中,返回boolean值。
- 大小: 23.5 KB
- 大小: 204.7 KB
分享到:
相关推荐
c# 随记.docx
NULL 博文链接:https://lobin.iteye.com/blog/2365756
java随记
网络原理随记.pdf
学习c++过程中的一些知识点随记,我感觉重要的就稍微记了一下,比较简略,但是快速的阅读的话可以提醒自己想起那一部分的知识点。在复习c++知识点的时候,有些帮助。
linux net 管理随记,留着个人备忘
互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf互联网公司实习日记随记参考.pdf
NULL 博文链接:https://chris-rock-f0.iteye.com/blog/1155094
Unity 随记1
git随记 git
JSP PDF打印 随记 复杂模板设计
面试随记???随时更新
用户信息手账信息 第一章 用户信息信息设计 2 用户信息信息设计昵称限制:1~18位(非必需、如果没有输入则自动生成一个随机字符串6~12位、特殊符号非法)
重点小学生寒假记随记大全.doc
会计事务所毕业实习日记随记.docx
公司法务实习日记随记三篇.pdf
会计专业毕业实习日记随记篇.pdf
重点小学生母亲节日记随记大全.doc
VC++2010游戏开发随记之十三.pdf
第一章随机事件与概率 1第二章随机变量及概率分布 2第三章随机变量的数字特征 4第四章大数定律与中心极限定理 5第五章数理统计的基本概念 6第六章参数估计 8第