-
$(:nth-child)查看全部
-
[attr="value"]查看全部
-
$(":contains(text)") //包含指定文本（字符串）的元素 $(":has(selector)") //包含指定选择器的元素 $(":parent") //父级元素 $(":empty") //为空的元素（没有子元素的元素）查看全部
-
这样获取的是一个类数组，注意要加上引号。 区别一下，将DOM对象变为jq对象的方法查看全部
-
$(":first") //匹配第一个元素<br> $(":last") //匹配最后一个元素<br> $(":not(selector)") //不匹配给定选择器的元素<br> $(":eq(index)") //在匹配的集合中选择索引真为index的元素<br> $(":gt(index)") //大于给定index值的元素<br> $(":lt(index)") //小于给定index值的元素<br> $(":even") //索引值为偶数的元素<br> $(":odd") //索引值为奇数的元素<br> $(":header") //所有标题元素，如h1、h2、h3等<br> $(":lang(language)") //选择指定语言的所有元素<br> $(":root") //选择该文档的根元素<br> $(":animated") //所有正在执行动画效果的元素查看全部
-
.html(),.text()和.val()的差异总结： <br> <br> 1.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。<br> 2 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。<br> 3.html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
-
$('div > p') 选择所有div元素里面的第一个子元素P $('div p') 选择所有div元素里面的p元素 $(".prev+div")选取prev后面的第一个的div兄弟节点 $(".prev ~div")选取prev后面的所有的div兄弟节点; 仔细观察层级选择器之间还是有很多相似与不同点 层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下查看全部
-
不难发现，id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，我这里顺便提及一下，比如: IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName查看全部
-
元素选择器：根据给定（html）标记名称选择所有的元素 描述： $( "element" ) 搜索指定元素标签名的所有节点，这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持 右边编辑器代码所示： 第一组：通过getElementsByTagName方法得到页面所有的<div>元素 var divs = document.getElementsByTagName('div'); divs是dom合集对象，通过循环给每一个合集中的<div>元素赋予新的boder样式 第二组：同样的效果，$("p")选取所有的<p>元素，通过css方法直接赋予样式查看全部
-
jQuery直接用$("id名")获取id，然后$（"id"）.css（）；直接修改节点属性。查看全部
-
$(参数)是一个多功能的方法，通过传递不同的参数而产生不同的作用。 =================== 通过getElementsByTagName获取到所有div节点的元素，结果是一个dom合集对象，不过这个对象是一个数组合集(3个div元素)。通过$(div)方法转化成jQuery对象，通过调用jQuery对象中的first与css方法查找第一个元素并且改变其颜色。查看全部
-
var p = document.getElementById('imooc'); p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; ================================== 通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是DOM对象，通过DOM方法将自己的innerHTML与style属性处理文本与颜色。 =================================== var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); ==================================== 通过$('#imooc')方法会得到一个$p的jQuery对象，$p是一个类数组的对象这个对象里面其实是包含了DOM对象的信息的然后封装了很多操作方法，调用自己的方法html与css处理，得到的效果与标准的JavaScript处理结果是一致的。查看全部
-
$(document).ready 的意思是等页面的文档（document）中的节点都加载完毕后，在执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
通过$(dom)方法将普通的dom对象加工成jQuery对象之后，我们就可以调用jQuery的方法了; 通过getElementsByTagName获取到所有div节点的元素，结果是一个dom合集对象，不过这个对象是一个数组合集(3个div元素)。通过$(div)方法转化成jQuery对象，通过调用jQuery对象中的first与css方法查找第一个元素并且改变其颜色。 .first()查看全部
举报
0/150
提交
取消