-
2: nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算,后者从后往前计算查看全部
-
1: <script type="text/javascript"> //找到a元素下面的所有空节点(没有子元素) //增加一段文本与边框 $("a:empty").text(":empty").css("border", "3px groove red"); </script>查看全部
-
even:选择索引值为偶数的元素,从 0 开始计数 odd: 选择索引值为奇数的元素,从 0 开始计数 eq:在匹配的集合中选择索引值为index的元素 因为jQuery合集是从0开始索引的,所以eq(1)就是第二个元素查看全部
-
选择器适用于复选框和单选框,对于下拉框元素, 使用 :selected 选择器 在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见换用选择器input:checked,确保只会选取<input>元素 $("input:enabled") //选取可用的表单元素 $("input:disabled") //选取不可用表单元素 $("input:checked").removeAttr("checked"); //选取所有input所有勾选的元素(单选框、复选框),然后移除checked属性,即将勾选的元素变为不勾选; $("input:selected").removeAttr("selected"); //查找所有的option元素中,有selected属性被选中的选项,移除selected属性 移除属性: $("input:checked").removeAttr('checked') $("option:selected").removeAttr('selected')查看全部
-
eq:在匹配的集合中选择索引值为index的元素 因为jQuery合集是从0开始索引的,所以eq(1)就是第二个元素查看全部
-
even:选择索引值为偶数的元素,从 0 开始计数 odd: 选择索引值为奇数的元素,从 0 开始计数查看全部
-
表单对象选择器: $(":input") //选择所有的表单对象 $("input:text") //选择表单中的文本框对象 $("input:submit") //选择表单中的提交按钮 $("input:radio").attr("checked","ture"); //匹配所有的input元素中的单选按钮,并选中(将checked属性值定为true); $("input:checkbox") //匹配所有的复选框 表单对象属性筛选器: $("input:enabled") //选取可用的表单元素 $("input:disabled") //选取不可用表单元素 $("input:checked").removeAttr("checked"); //选取所有input所有勾选的元素(单选框、复选框),然后移除checked属性,即将勾选的元素变为不勾选; $("input:selected").removeAttr("selected"); //查找所有的option元素中,有selected属性被选中的选项,移除selected属性查看全部
-
jQuery选择器之子元素筛选选择器 http://img1.sycdn.imooc.com//559105da0001301105960331.jpg 注意事项: first只匹配一个单独的元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) :last 只匹配一个单独的元素, :last-child 选择器可以匹配多个元素:即,为每个父级元素匹配最后一个子元素 如果子元素只有一个的话,:first-child与:last-child是同一个 :only-child匹配某个元素是父元素中唯一的子元素,就是说当前子元素是父元素中唯一的元素,则匹配 jQuery实现:nth-child(n)是严格来自CSS规范,所以n值是“索引”,也就是说,从1开始计数,:nth-child(index)从1开始的,而eq(index)是从0开始的 nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算,后者从后往前计算查看全部
-
$('input:not(:checked) + p') :checked 前面要加上冒号!!! :::查看全部
-
jQuery选择器之属性筛选选择器 http://img1.sycdn.imooc.com//57d654200001c46507360560.jpg查看全部
-
jQuery选择器之可见性筛选选择器 http://img1.sycdn.imooc.com//5590f6de0001e2b204460106.jpg CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的,该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0查看全部
-
jQuery选择器之内容筛选选择器查看全部
-
jQuery选择器之内容筛选选择器 http://img1.sycdn.imooc.com//57cd20bf0001a97f05290214.jpg :contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。 :parent与:empty是相反的,两者所涉及的子元素,包括文本节点查看全部
-
jQuery选择器之基本筛选选择器 http://img1.sycdn.imooc.com//57cd1df2000146de06020498.jpg eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引 gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始查看全部
-
$( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器查看全部
举报
0/150
提交
取消