-
类选择器,顾名思义,通过class样式类名来获取节点 描述: $( ".class" ) 类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选 同样的jQuery在实现上,对于类选择器,如果浏览器支持,jQuery使用JavaScript的原生getElementsByClassName()函数来实现的 右边实现一个原生getElementsByClassName()函数的实现代码与jQuery实现代码的比较 我们不难发现: jQuery除了选择上的简单,而且没有再次使用循环处理 不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理,所以使用jQuery选择节点,不仅仅只是选择上的简单,同时还增加很多关联的便利操作,后续我们还会慢慢的学到其他的优势。查看全部
-
id选择器:一个用来查找的ID,即元素的id属性 $( "#id" ) id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的,所以在操作DOM的获取上,如果能采用id的话尽然考虑用这个选择器 值得注意: id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的.查看全部
-
如果传递给$(DOM)函数的参数是一个DOM对象,jQuery方法会把这个DOM对象给包装成一个新的jQuery对象.查看全部
-
jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。 将jQuery对象转换成DOM对象: 1.利用数组下标的方式读取到jQuery中的DOM对象。 var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性 2.通过jQuery自带的get()方法。 var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法,转化成DOM对象 div.style.color = 'red' //操作dom对象的属性查看全部
-
$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
toggleClass方法,通过toggleClass方法动态添加删除Class,一次执行相当于addClass,再次执行相当于removeClass查看全部
-
indexOf方法获取到指定的字符在字符串中第一次出现的位置,从0开始。如果一开始就是e则返回0,如果第二个位置是e则返回1,如果搜完整个字符串都没有e则返回-1 。 反证法 如果该方法不返回-1 就证明该字符串中含有e字符。查看全部
-
.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
.val()方法 1.val()无参数,获取匹配的元素集合中第一个元素的当前值 2.val( value ),设置匹配的元素集合中每个元素的值 3.val( function ) ,一个用来返回设置值的函数查看全部
-
通过.val()处理select元素, 当没有选择项被选中,它返回null .val()方法多用来设置表单的字段的值 如果select元素有multiple(多选)属性,并且至少一个选择项被选中, .val()方法返回一个数组,这个数组包含每个选中选择项的值查看全部
-
你到一个商店买东西,刚好你要的东西没有货,于是你在店员那里留下了你的电话,过了几天店里有货了,店员就打了你的电话,然后你接到电话后就到店里去取了货。在这个例子里,你的电话号码就叫回调函数,你把电话留给店员就叫登记回调函数,店里后来有货了叫做触发了回调关联的事件,店员给你打电话叫做调用回调函数,你到店里去取货叫做响应回调事件。查看全部
-
<script type="text/javascript"> //找到第三个input,通过使用一个函数来设置属性 //可以根据该元素上的其它属性值返回最终所需的属性值 //例如,我们可以把新的值与现有的值联系在一起: $("input:eq(2)").attr('value',function(i, val){ return '通过function设置' + val }) </script>查看全部
-
dom中有个概念的区分:Attribute和Property翻译出来都是“属性”,《js高级程序设计》书中翻译为“特性”和“属性”。简单理解,Attribute就是dom节点自带的属性 例如:html中常用的id、class、title、align等: <div id="immooc" title="慕课网"></div> 而Property是这个DOM元素作为对象,其附加的内容,例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected 使用.prop()方法进行取值或赋值等查看全部
-
属性选择器中给定值或给定字符串加引号与不加引号有区别吗 比如 $('div[name=p1]') 和 $('div[name="p1"]') $('div[name|="-"]') 和 $('div[name|=-]') $('div[name~="a"]') 和 $('div[name~=a]') $('div[name^=imooc]') 和 $('div[name^=“imooc”]') ……好像加不加引号效果都是一样的查看全部
-
笔记笔记笔记笔记笔记查看全部
举报
0/150
提交
取消