-
jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。查看全部
-
$("input:enabled")查找所有未被禁用的属性 2.$("input:disabled")查找所有被禁用的属性 3.$("input:checked").removeAttr('checked');查找所有被选中的元素并移除这个选中的属性 4.$("option:selected").removeAttr('selected')查找所有被选中的元素并移除这个“被选中 ”的属性查看全部
-
.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
获取Attribute就需要用attr,获取Property就需要用prop查看全部
-
dom中有个概念的区分:Attribute和Property翻译出来都是“属性”,《js高级程序设计》书中翻译为“特性”和“属性”。简单理解,Attribute就是dom节点自带的属性查看全部
-
在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见换用选择器input:checked,确保只会选取<input>元素查看全部
-
.html()拿到的是html文档,.text()拿到的是所匹配元素文本元素。 .html()里面是html文档的话即会解析html文档,里面是文本元素的话即会输出文本元素。 .text()里面是html文档的话即会输出原始HTML文档,里面是文本元素的话即会输出文本元素。 .html与.text的异同: a .html与.text的方法操作是一样,只是在具体针对处理对象不同 b .html处理的是元素内容,.text处理的是文本内容 c .html只能使用在HTML文档中,.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点,那么html处理的结果与text是一样的 火狐不支持innerText属性,用了类似的textContent属性,.text()方法综合了2个属性的支持,所以可以兼容所有浏览器查看全部
-
不难发现,id、class、tag都可以通过原生的方法获取到对应的节点,但是我们还需要考虑一个兼容性的问题,我这里顺便提及一下,比如: IE会将注释节点实现为元素,所以在IE中调用getElementsByTagName里面会包含注释节点,这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中,表单元素中,如果表单A的name属性名用了另一个元素B的ID名并且A在B之前,那么getElementById会选中A IE8及较低的版本,浏览器不支持getElementsByClassName 看到了吧,作为一名合格的前端不是那么简单的,就一个基本的选择器上面都需要做这么多兼容,幸好有jQuery的出现,让我们省了很多功夫,如果大家对jQuery的实现感兴趣,可以看我另一个门课程 《jQuery源码解析》查看全部
-
1.$("input:first").attr('value','通过attr设置属性value的值');找到第一个input,通过attr设置属性value的值 2.$("input:eq(1)").attr('value');找到第二个input,通过attr获取属性value的值 3.$("input:eq(2)").attr('value',function () { return $("input:eq(1)").attr('value'); })找到第三个input,通过使用一个函数来设置属性 4.$("input:eq(3)").removeAttr('value');找到第四个input,通过使用removeAttr删除属性查看全部
-
类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选. jQuery除了选择上的简单,而且没有再次使用循环处理 不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理,所以使用jQuery选择节点,不仅仅只是选择上的简单,同时还增加很多关联的便利操作,后续我们还会慢慢的学到其他的优势。查看全部
-
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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
var div = $div.get(0) //通过get方法,转化成DOM对象查看全部
-
回调函数: $('input:eq(2)').attr('value',function(i, val){ return '通过function设置' + val }) function中的参数分别为,当前元素的索引值,原先的属性值。查看全部
-
<script type="text/javascript"> var p1 = document.getElementById('test1') p1.addEventListener('click',function(){ //直接通过dom的方法改变颜色 this.style.color = "red"; },false); </script> addEventListener在事件监听有见过这个,效果等同于事件绑定,只是如果多个事件绑定在同一个元素上,前面的事件会被后面的事件替代,不会触发。事件监听不会这样,所有的事件都会触发。 Seach小伙伴给了这样的解释: addEventListener()绑定事件的对象方法。addEventListener()含有三个参数,一个是事件名称,另一个是事件执行的函数,最后一个是事件捕获,obj.addEventListener("click",function(){},true/false);以往的方法定义事件的话后面的会覆盖掉前面的事件函数,但是按这种方式写的话几个事件函数都会执行,最后是true和false的解释,事件在执行时都会有俩个流,一个是捕获事件流,另一个是冒泡事件流,进来的事件是捕获事件,出去的事件是冒泡事件,true的话会捕获进来时的,false的话会捕获出去时的查看全部
-
id 是唯一的,每个id值在一个页面只能使用一次。多个元素分配相同的id。只能匹配该ID选择集合的一地个DOM元素。class可以匹配相同的全部元素查看全部
举报
0/150
提交
取消