-
jQuery选择器之全选择器（*选择器） 在CSS中，经常会在第一行写下这样一段样式 *{padding: 0; margin: 0;} 语法： $( "*" ) 抛开jQuery，如果要获取文档中所有的元素，通过document.getElementsByTagName()中传递"*"同样可以获取到。 例如： <script type="text/javascript"> //获取页面中所有的元素 var elements1 = document.getElementsByTagName('*'); </script> <script type="text/javascript"> //获取页面中所有的元素 var elements2 =$("*"); //原生与jQuery方法比较 //===表示数据和类型都相等 if(elements2.length === elements1.length){ elements2.css("border","1px solid red"); } </script> ▲确保jq和原生获取的对象一样，做数据类型比对。 或者： <script type="text/javascript"> //获取页面中所有的元素 var elements2 =$("*"); { elements2.css("border","1px solid red"); } </script>查看全部
-
> （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。 + （加号） 紧跟兄弟关系 如$('.div + p')表示选择div后面第一个的p兄弟节点。 ~ （波浪线）任意距离兄弟关系 如$('.div ~p')表示选择div后面的所有p兄弟节点。 ,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。 //子选择器 //$('div > p') 选择所有div元素里面的子元素P $('div>p').css("border", "1px groove red"); //后代选择器 //$('div p') 选择所有div元素里面的p元素 $('div p').css("border", "1px groove red"); //相邻兄弟选择器 //选取prev后面的第一个的div兄弟节点 $('.prev+div').css("border", "3px groove red"); //一般相邻选择器 //选取prev后面的所有的div兄弟节点 $('.prev~div').css("border", "3px groove blue");查看全部
-
不难发现，id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，我这里顺便提及一下，比如: IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName查看全部
-
在CSS中，经常会在第一行写下这样一段样式 * {padding: 0; margin: 0;} 通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素.描述：$( "*" )查看全部
-
类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选 同样的jQuery在实现上，对于类选择器，如果浏览器支持，jQuery使用JavaScript的原生getElementsByClassName()函数来实现的 右边实现一个原生getElementsByClassName()函数的实现代码与jQuery实现代码的比较 我们不难发现： jQuery除了选择上的简单，而且没有再次使用循环处理 不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理，所以使用jQuery选择节点，不仅仅只是选择上的简单，同时还增加很多关联的便利操作，后续我们还会慢慢的学到其他的优势。查看全部
-
元素选择器：根据给定（html）标记名称选择所有的元素,描述：$( "element" )查看全部
-
如果传入的参数是id则在id前加上前缀"#"，用于告诉jQuery我传入的是id； 如果传入的参数是class则在class前加上前缀".",用于告诉jQuery我传入的是class； 如果传入的参数是标签名则无需任何前缀，用于告诉jQuery我传入的是标签名；查看全部
-
id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的查看全部
-
类选择器，顾名思义，通过class样式类名来获取节点,描述：$( ".class" ) 类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选,jQuery除了选择上的简单，而且没有再次使用循环处理,不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理查看全部
-
区分大小写查看全部
-
jQuery选择器之元素选择器 元素选择器：根据给定（html）标记名称选择所有的元素 语法： $( "element" ) 例如： 第一组：通过getElementsByTagName方法得到页面所有的<div>元素 var divs = document.getElementsByTagName('div'); divs是dom合集对象，通过循环给每一个合集中的<div>元素赋予新的boder样式 第二组：同样的效果，$("p")选取所有的<p>元素，通过css方法直接赋予样式 代码如下： <script type="text/javascript"> //通过原生方法处理 //获取到所有的节点标记名为div的元素 //给每一个div加上蓝色的边框 var divs = document.getElementsByTagName('div'); for (var i = 0; i < divs.length; i++) { divs[i].style.border = "3px solid blue"; } </script> <script type="text/javascript"> //通过jQuery直接传入标签名p //标签是可以多个的，所以得到的同样也是一个合集 $("p").css("border", "3px solid red"); </script>查看全部
-
jQuery选择器之类选择器 类选择器，顾名思义，通过class样式类名来获取节点 语法： $( ".class" ) 类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选。 例如： <script type="text/javascript"> //通过jQuery直接传入class //class选择器可以选择多个元素 $(".imooc").css("border", "3px solid red"); </script>查看全部
-
$("div").html()是使用标签选择器获取div标签，并将内容设置为：您好！通过慕课网学习jQuery才是最佳的途径。查看全部
-
id选择器：可找到指定的节点进行设置查看全部
-
jQuery选择器之id选择器 页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处理复杂选择过程与性能优化，更多专注业务逻辑的编写。 id选择器：一个用来查找的ID，即元素的id属性 $( "#id" )id选择器：一个用来查找的ID，即元素的id属性 语法： $( "#id" ) id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的。查看全部
举报
0/150
提交
取消