-
eq全称是equal(意思是“等于”)；gt全称是greater than(意思是大于)；lt全称是less than(意思是小于) $(":first") 匹配第一个元素；//$('.class:first') $(":last") 匹配最后一个元素； $(":not(selector)") 过滤的选择器，选择所有的元素去除比匹配给定的选择器；//$('.class:not(:checked)+p') $(":eq(index)");匹配的集合中选择索引为index的元素； $(":gt(index)");选择匹配集合中大于给定的索引值index的元素； $(":even");选择索引值为偶数的元素； $(":odd");选择索引值为奇数的元素 $(":lt(index)");选择匹配集合中所有索引值小于index参数的元素；//$('.class:lt(3)') $(":header");选择指定的元素的所有标题元素，如h1 h2等； $(":animated");选择正在执行动画效果的元素 $(":root");选择该文档的根元素； $("lang(language)");选择指定的语言的所有元素；查看全部
-
<script type="text/javascript"> //查找所有input所有可用的（未被禁用的元素）input元素。 $('input:enabled').css("border", "2px groove red"); </script> <script type="text/javascript"> //查找所有input所有不可用的（被禁用的元素）input元素。 $('input:disabled').css("border", "2px groove blue"); <script type="text/javascript"> //查找所有input所有勾选的元素(单选框,复选框) //移除input的checked属性 $('input:checked').removeAttr('checked') </script> <script type="text/javascript"> //查找所有option元素中,有selected属性被选中的选项 //移除option的selected属性 $('option:selected').removeAttr('selected') </script>查看全部
-
http://img1.sycdn.imooc.com//55920c2f0001198b04940201.jpg查看全部
-
我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0查看全部
-
http://img1.sycdn.imooc.com//5592040d0001f8eb04940441.jpg查看全部
-
$(":contains(text)")选择包含指定文本的元素 $(":has(selector)")选择包含指定元素的元素 $(":parent")选择含有子元素或者文本的父级元素 $(":empty")选择所有没有子元素的元素 ：contains与：has都是查找的意思,但是contain查找包含"指定文本"的元素，has查找包"指定元素"的元素查看全部
-
> （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + （加号） 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ （波浪线）任意距离兄弟关系 如$("div ~ p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。 ,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点查看全部
-
http://img1.sycdn.imooc.com//57d654200001c46507360560.jpg查看全部
-
<script type="text/javascript"> //查找所有div中，属性name=p1的div元素 $('div[name=p1]').css("border", "3px groove red"); </script> <script type="text/javascript"> //查找所有div中，有属性p2的div元素 $('div[p2]').css("border", "3px groove blue"); </script> <script type="text/javascript"> //查找所有div中，有属性name中的值只包含一个连字符“-”的div元素 $('div[name|="-"]').css("border", "3px groove #00FF00"); </script> <script type="text/javascript"> //查找所有div中，有属性name中的值包含一个连字符“空”和“a”的div元素 $('div[name~="a"]').css("border", "3px groove #668B8B"); </script>查看全部
-
<script type="text/javascript"> //查找所有div中，属性name的值是用imooc开头的 $('div[name^=imooc]').css("border", "3px groove red"); </script> <script type="text/javascript"> //查找所有div中，属性name的值是用imooc结尾的 $('div[name$=imooc]').css("border", "3px groove blue"); </script> <script type="text/javascript"> //查找所有div中，有属性name中的值包含一个test字符串的div元素 $('div[name*="test"]').css("border", "3px groove #00FF00"); </script> <script type="text/javascript"> //查找所有div中，有属性testattr中的值没有包含"true"的div $('div[testattr!="true"]').css("border", "3px groove #668B8B"); </script> <script type="text/javascript"> //查找所有div中，属性name=p1的div元素 $('div[name=p1]').css("border", "3px groove red"); </script>查看全部
-
var elements2 = $("*"); //所有元素查看全部
-
http://img1.sycdn.imooc.com//57d654200001c46507360560.jpg查看全部
-
$("p").css("border", "3px solid red"); //tag名选择查看全部
-
$(".imooc").css("border", "3px solid red"); //class选择 $("#imooc").css("border", "3px solid red"); //id选择查看全部
-
var div = document.getElementsByTagName('div'); //dom对象 //将dom节点div转化为$div的jquery对象 // $div = ? var $div = $(div).first(); var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red');查看全部
举报
0/150
提交
取消