jquery总结

最新推荐文章于 2025-09-10 19:44:49 发布

weixin_33738555

最新推荐文章于 2025-09-10 19:44:49 发布

阅读量63

点赞数

文章标签： javascript ViewUI

本文介绍了jQuery中id选择器和class选择器的区别，并详细解释了如何使用attr()方法来设置和修改DOM元素的属性。通过示例展示了如何对多个元素进行属性值的动态设置。

id选择器只能选定第一个满足条件的元素

class选择器可以选定一类满足条件的元素

text(),html(),val(),attr()等操作类型的函数,作用对象是前面选择器选定的元素.选定的元素可能有很多个,所以text(function(index,old){})

attr()可以指定多个属性

$("button").click(function(){
  $("#w3s").attr({
    "href" : "http://www.w3school.com.cn/jquery",
    "title" : "W3School jQuery Tutorial"
  });
});
attr可以对不同的元素指定不同的属性:

$("button").click(function(){
  $("#w3s").attr("href", function(i,origValue){
    return origValue + "/jquery";
  });
});
最复杂的一个实例

<html>
    <head>
        <script type="text/javascript" src='lib/jquery.js'>
            
        </script>
    </head>
    <body>
        <span class='haha' >weidiao is great</span><br>
        <span class='haha' >weidiao is great</span><br>
        <span class='haha' >weidiao is great</span><br> 
    </body>
    <script type="text/javascript">
        $('.haha').attr({
            id:function(ind,oldvalue){
                return 'id'+ind;
            },
            style:function(ind,oldValue){
                return "style"+ind;
            }
        })
    </script>
</html>