jQuery技术

jquery中attr方法和prop方法的区别(2)

字号+ 作者:H5之家 来源:H5之家 2016-09-12 17:00 我要评论( )

注:jQuery禁止改变input和button元素的type属性,如果强制去改变,在任何浏览器下,这都会抛出一个异常,这是因为,在IE浏览器下,type属性是不可被修改的。 所以就在所有的浏览器下,都不能进行设置,保存兼容性

注:jQuery禁止改变<input>和<button>元素的type属性,如果强制去改变,在任何浏览器下,这都会抛出一个异常,这是因为,在IE浏览器下,type属性是不可被修改的。所以就在所有的浏览器下,都不能进行设置,保存兼容性的统一。

计算后的属性值:

通过使用function设置属性,可以通过其他的属性值进行计算之后,再进行属性赋值操作,例如:基于一个已有的属性连接处一个新的属性值。

这种通过function计算属性值的方法在一次性对多个元素设置不同的属性值时,尤其的有效。

例子:为页面中的所有img设置一些属性,核心代码如下:

<body> <img> <img> <img> <div><b>Attribute of Ajax</b></div> <script> $( "img" ).attr({ src: "/resources/hat.gif", title: "jQuery", alt: "jQuery Logo" }); $( "div" ).text( $( "img" ).attr( "alt" ) ); </script> </body>

根据div在页面中的position,设置它的id属性。

<body> <div>Zero-th <span></div> <div>First <span></span></div> <div>Second <span></span></div> <script> $( "div" ) .attr( "id", function( arr ) { return "div-id" + arr; }) .each(function() { $( "span", this ).html( "(id = '" + this.id + "')" ); }); </script> </body>

OK,这里就暂时叙述到这里了,如果你不明白为什么.attr()的取值和.prop()的取值有这个差别,那么就先看看前一篇文章,js原生操作HTML对象的属性区别,然后再去看看jquery源码中的,.attr()方法和.prop()方法的实现吧。

相信你会有更进一步的了解的,感谢您能阅读本文,如果有任何意见,欢迎提出,非常感谢!

本文地址:?p=38

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery+PHP+Mysql实现输入自动完成提示的功能

    jQuery+PHP+Mysql实现输入自动完成提示的功能

    2016-07-01 10:00

  • 优就业WEB前端教程-jquery操作复选框(checkbox)的12个小技巧总结

    优就业WEB前端教程-jquery操作复选框(checkbox)的12个小技巧总结

    2016-05-28 11:00

  • Flexslider图片轮播、文字图片相结合滑动切换效果

    Flexslider图片轮播、文字图片相结合滑动切换效果

    2016-04-16 12:00

  • WEB前端开发都应知道的jquery小技巧及jquery三个简写 jQuery

    WEB前端开发都应知道的jquery小技巧及jquery三个简写 jQuery

    2016-02-29 12:13

网友点评