-
jquery优势查看全部
-
.html(),.text()和.val()的差异总结: 1 .html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。 2 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。 3 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
注意事项: 1. :first只匹配一个单独的元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) 2. :last 只匹配一个单独的元素, :last-child 选择器可以匹配多个元素:即,为每个父级元素匹配最后一个子元素 3. 如果子元素只有一个的话,:first-child与:last-child是同一个 4. :only-child匹配某个元素是父元素中唯一的子元素,就是说当前子元素是父元素中唯一的元素,则匹配 5. jQuery实现:nth-child(n)是严格来自CSS规范,所以n值是“索引”,也就是说,从1开始计数,:nth-child(index)从1开始的,而eq(index)是从0开始的 6. nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算,后者从后往前计算查看全部
-
在ele里找到span元素,在这个里的html内容后面加上reset的值。如果ele.find('span').html(reset)就是内容换成reset的值。查看全部
-
就是说dataz这个方法可以静态用和动态用: 1静态:$.data(ele,key,value);里面三个参数分别代表要存储数据的节点、数据名称、数据内容; 2动态:ele.data(key,value);表示某个节点存的数据名和数据内容。 其实不用管他什么静态动态的,会用就行了,这两个的区别就在节点ele那里,即例子的第一个参数ele那里。这个ele可以作为data方法的调用者(选择者) ,也可以作为 被选择者(被调用)。jquery方法的通用思想是:传入一个参数代表取值,传入两个参数代表设置这个值。顺便说一下老师最后那“.data( key ) //实例接口,存数据”错了。应该是是取数据查看全部
-
stringObject.split(separator,howmany) 参数separator 描述:必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。 参数howmany 描述:可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。 在本例中,我们将按照不同的方式来分割字符串: <script type="text/javascript"> var str="How are you doing today?" document.write(str.split(" ") + "<br />") document.write(str.split("") + "<br />") document.write(str.split(" ",3)) </script> 输出: How,are,you,doing,today? H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,? How,are,you查看全部
-
addClass( function(index, currentClass) ) 为对象添加class,function(index, currentClass);就是添加的class内容,由于对象是个数组所以addClass需要遍历对象每个元素继续添加class,index表示每个元素下标索引,比如对 $("div")的第一个元素进行添加class那么index==0;而currentClass则是该元素原来的class,例题中$("div")的第一个元素 class=left,所以currentClass==left,然后然后函数根据传入变量进行判断是否添加新的class。查看全部
-
筛选选择器的用法-用冒号“:”开头 $(":first") 匹配第一个元素;eg:$(".div:first") $(":last") 匹配最后一个元素; $(":not(selector)") 过滤的选择器,选择所有的元素去除比匹配给定的选择器; $(":eq(index)");匹配的集合中选择索引为index的元素; $(":gt(index)");选择匹配集合中大于给定的索引值index的元素;eg:$(".div:gt(3)") $(":even");选择索引值为偶数的元素 $(":odd");选择索引值为奇数的元素 $(":lt(index)");选择匹配集合中所有索引值小于index参数的元素; $(":header");选择指定的元素的所有标题元素,如h1 h2等; $(":animated");选择正在执行动画效果的元素 $(":root");选择该文档的根元素; $("lang(language)");选择指定的语言的所有元素; 注意事项: 1. :eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引 2. gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始查看全部
-
层级选择器相似与不同点 1. 层级选择器都有一个参考节点 2. 后代选择器包含子选择器的选择的内容 3. 一般兄弟选择器包含相邻兄弟选择的内容 4. 相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下查看全部
-
parent > children 碰到以>开头类似 $('>div')这样写表示的是 :获取 body 标签下所有第一级子元素中的 div 元素 ,如果没有 ">",则表示的是获取页面中所有的 div 元素!查看全部
-
$(document).ready(function(){ $("div").html("hello world!"); });查看全部
-
$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
jQuery对象与DOM对象是不一样的查看全部
-
$(document).ready的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的被加载完毕后才能被正确的使用。查看全部
-
addClass和css的区别查看全部
举报
0/150
提交
取消