-
$(":contains('Runob')") 包含 Runob文本的元素 $(":empty") 不包含子元素或者文本的空元素 $(":has(selector)") 含有选择器所匹配的元素 $(":parent") 含有子元素或者文本的元素 括号里用单引号查看全部
-
$(":not(selector)") (非,即取反) $("input:not(:checked)"); 意思是:查找input中没有被勾选的其他元素 $("input:not(:checked) + p") input:not(:checked)+p 后面的+p,是相邻选择器 :checked 因为checked是伪类选择器,不是元素,要取伪类要加冒号 : 这段代码的作用,是选择所有input元素,其中除去带有checked属性,所以选择了前两个input; 学编程,遇到一些简称的代码,去查清楚全称,记忆会更牢固,就比如eq全称是equal(意思是“等于”);gt全称是greater than(意思是大于);lt全称是less than(意思是小于)。 筛选选择器 $(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":not(selector)") 一个用来过滤的的选择器,选择所有元素去除不匹配给定的选择器元素 $(":eq(index)") 在匹配的集合中选择索引值为index的元素 $(":gt(index)") 选择匹配集合中所有大于给定index(索引值) $(":even") 选取索引值为偶数的元素,从0开始计数 $(":odd") 选取索引值为奇数的元素,从0开始计数 $(":lt(index)") 选取匹配集合中所有索引值小于给定index参数的元素 $(":header") 选择所有标题元素,像h1,h2,h3等 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":animated") 选择所有正在执行动画效果的元素 这句话什么意思? $("input:not(:checked)+p").css("background-color", "red"); 选择input中没有被选中的元素,然后找出这些元素的直接兄弟元素;你把这个选择拆开看就好懂了,比如既可以看看$("inp查看全部
-
$("div > p")//子级选择器 选择直接子元素 $("div p")//后代选择器 选择所有后代 包含子级选择器的结果 $("div + p")//相邻兄弟选择器 选择下一个兄弟元素 $("div ~ p")//一般兄弟选择器 选择之后的所有兄弟元素 包含相邻兄弟选择器的结果 子代选择器:> 后代选择器:空格 相邻兄弟选择器:+ 一般兄弟选择器:~ 注意事项 层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下查看全部
-
//获取页面中所有的元素 var elements2 = $("*") ;查看全部
-
查看全部
-
jQuery使用JavaScript的原生getElementsByClassName()函数来实现的 $(".class")类选择器查看全部
-
$("#id")id选择器查看全部
-
$("#imooc") index.html
id="aaron"
选中
id="imooc"
jQuery选中
id="imooc"
jQuery未选中
查看全部 -
var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //jQuery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色 通过getElementsByTagName获取到所有div节点的元素,结果是一个dom合集对象,不过这个对象是一个数组合集(3个div元素)。通过$(div)方法转化成jQuery对象,通过调用jQuery对象中的first与css方法查找第一个元素并且改变其颜色。查看全部
-
var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //jQuery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色查看全部
-
var $div = $(div); //jQuery对象查看全部
-
JavaScript代码 var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性查看全部
-
var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法,转化成DOM对象 div.style.color = 'red' //操作dom对象的属性查看全部
-
Parent> child 子选择器,选择父类后面的所有子元素。
Ancestor descendant 后代选择器, 选择所有后代元素
Prev + next 相邻兄弟选择器 选择所有紧接在prev元素的next元素
Prev ~ silblings 一般兄弟选择器,选择prev之后所有的兄弟元素
查看全部
举报
0/150
提交
取消