jquery笔记.docVIP

Day01: 1.jQuery的使用步骤 (1)引入jQuery的js文件 (2)使用选择器定位要操作所谓节点 （3）调用jQuery的方法进行操作 2.jUery对象与DOM的关系 jQuery对象本质上是一个DOM对象数组，它在该数组上扩展了一些操作数组中元素的刚刚： 可以直接操作这个数组： -obj.length：获取数组的长度 -obj.get(index):获取数组中的某一个DOM对象 -obj[index]:等价于obj.get(index) 3.DOM对象可以直接转换为jQuery对象 -$(DOM对象） 4.jQuery选择器 jQuery选择器类似于CSS选择（定位元素，施加样式），能够定位元素，施加行为。 使用jQuery选择器能够将内容与行为分离 A.基本选择器 元素选择器：依据标签定位元素?-$(“标签名”)； 类选择器：根据class属性定位元素?-$(“.class属性名”)； id选择器：根据id属性定位元素?-$(“#id”）； 选择器组：定位一组选择器所对应的所有元素?-$(“#id,.ipt”); B.层次选择器 在select1元素下，选中所以满足select2的子孙元素?-$(“select1 select2”) 在select1元素下，选中所有满足select2的子元素?-$(“select1select2”) 选中select元素所谓，满足select2的下一个弟弟?-$(“select1+select2) 选中select1元素的，满足select2的所以弟弟?-$(“select1~select2”) C.过滤选择器 基本的过滤选择器 根据元素的基本特征定位元素，常用于表格和列表 -:first?第一个元素 -:last?最后一个元素 -:not(selector) selector排除在外 -:even?挑选偶数行 -:odd?挑选奇数行 -:eq(index)?下标等于index的元素 -:gt(index)?下标大于index的元素 -:lt(index)?下标小于index的元素 $(“tr:first”) 内容过滤选择器 根据内容定位选择器 -contains（text） 匹配包含给定文本的元素 -empty?匹配所有不包含子元素或文本的空元素 $(“P:contains(月饼)”) 可见性过滤选择器 根据可见性定位元素： -:hidden?匹配所有不可见元素，或type为hidden的元素 -:visible?匹配所有的可见元素 $(“input:hiden”) 属性过滤选择器 根据属性定位元素 -[attribute]?匹配具有attribute属性的元素 -[attribute = value]?匹配属性等于value的元素 -[attribute != value]匹配属性不等于value的元素 $(“input[value=你好]”) 状态过滤选择器 根据状态定位元素 -:enabled?匹配可用的元素 -:disabled?匹配不可用的元素 -:checked?匹配选中的checkbox -:selected?匹配选中的option $(“input:selected”) D.表单选择器 表单选择器包括: -:text?匹配文本框 -:password?匹配密码框 -:radio?匹配单选框 -:checkbox?匹配多选框 -:submit?匹配提交按钮 -:reset?匹配重置按钮 -:button?匹配普通按钮 -:file?匹配文件框 -:hidden?匹配隐藏框 $(“:text”) 5.jQuery操作DOM A.读写节点 读写节点的HTML内容 -obj.html()/obj.html(“span123/span”) 读写节点的文本内容 -obj.text()/obj.text(“123”) 读写节点的value属性值 -obj.val()/obj.val(“abc”) 读写节点的属性值 -obj.attr(“属性名”)/obj.val(“属性名”，“属性值”） B.增删节点 $(“节点内容”) $(“span你好/span”) 插入DOM节点 parent.append(obj)?做为最后一个节点添加进来 parent.prepend(obj)?做为第一个子节点添加进来 parent.after(obj)?做为下一个兄弟节点添加进来 parent.before(obj)?作为上一个兄弟添加进来 删除DOM节点 obj.remove()?删除节点 obj.remove(selector)?只删除满足selector的节点 obj.empty?清空节点 C.样式操作 样式操作 addClass(“”)?追加样式 removeClass(“”)?移