-
属性筛选选择器 1.以给定字符串为前缀：| 2.包含给定字符串：* 3.用空格分隔包含特定的值：~ 4.已给定字符串开始：^ 5.已给定字符串结束:$查看全部
-
内容筛选选择器： 1.选择所有包含指定文本的元素$(":contains(text)") 2.选择所有含有子元素或者文本的元素$(":parent") 3.选择所有没有子元素的元素$(":empty") 4.选择元素中至少包含指定选择器的元素$(":has(selector)")查看全部
-
基本筛选选择器jQuery： 1.匹配第一个选择器:$(":first") 2.匹配最后一个选择器$(":last") 3.在匹配集合中选择索引值为index的元素$("：eq(Index)") 4.选择匹配集合中所有大于index索引值的元素$(":gt(Index)") 5.选择匹配集合中所有小于index索引值的元素$(":It(Index)") 6.选择所有标题元素$(":header") 7.选择指定语言的所有元素$(":lang(language)") 8.选择该文档的根元素$(":root") 9.选择正在执行动画的元素$(":animated") 10.选择索引值为偶数的元素，从0开始$(":even") 11.选择索引值为奇数的元素，从0开始$(":odd") 12.过滤选择器$(":not(selector)")查看全部
-
在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的查看全部
-
jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素。查看全部
-
jQuery对象与DOM对象 对于才开始接触jQuery库的初学者，我们需要清楚认识一点： jQuery对象与DOM对象是不一样的 可能一时半会分不清楚哪些是jQuery对象，哪些是DOM对象，下面重点介绍一下jQuery对象，以及两者相互间的转换。 通过一个简单的例子，简单区分下jQuery对象与DOM对象： <p id=”imooc”></p> 我们要获取页面上这个id为imooc的p元素，然后给这个文本节点增加一段文字：“您好！通过慕课网学习jQuery才是最佳的途径”，并且让文字颜色变成红色。 普通处理，通过标准JavaScript处理： var p = document.getElementById('imooc'); p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; 通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是一个DOM对象，再通过innerHTML与style属性处理文本与颜色。 jQuery的处理： var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); 通过$('#imooc')方法会得到一个$p的jQuery对象，$p是一个类数组对象。这个对象里面包含了DOM对象的信息，然后封装了很多操作方法，调用自己的方法html与css，得到的效果与标准的JavaScript处理结果是一致的。 通过标准的JavaScript操作DOM与jQuyer操作DOM的对比，我们不难发现： 通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，代码也会更加精短。 PS：大家这里做个大概印象就OK，后面会有深入的讲解。查看全部
-
选择器适用于复选框和单选框，对于下拉框元素, 使用 :selected 选择器 在某些浏览器中，选择器:checked可能会错误选取到<option>元素，所以保险起见换用选择器input:checked，确保只会选取<input>元素查看全部
-
.html(),.text()和.val()的差异总结： .html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
<script type="text/javascript"> //获取到指定元素的宽度，在回调返回宽度值 //通过处理这个value，重新设置新的宽度 $('.sixth').css("width",function(index,value){ //value带单位，先分解 //分解后value=["50","px"]; value = value.split('px'); //返回一个新的值，在原有的值上，增加50px return (Number(value[0] + 50) + value[1]); }) </script>查看全部
-
jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的 nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算，后者从后往前计算查看全部
-
IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName查看全部
-
var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法，转化成DOM对象 div.style.color = 'red' //操作dom对象的属性查看全部
-
var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性查看全部
-
jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素。查看全部
-
如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象查看全部
举报
0/150
提交
取消