jQuery根据ID、CLASS、等获取对象

最新推荐文章于 2023-12-30 00:30:00 发布

zhuhai__yizhi

最新推荐文章于 2023-12-30 00:30:00 发布

阅读量3.7k

点赞数

分类专栏： JavaScript学习

JavaScript学习专栏收录该内容

39 篇文章 1 订阅

订阅专栏

Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，

它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。

jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。

jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。

jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，

包括来自德国的Jörn Zaefferer，罗马尼亚的Stefan Petre等等。

jQuery是继prototype之后又一个优秀的Javascrīpt框架。

其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。

例：

jQuery也可以用$来代替。

根据div的id获取对象：

1.jQuery("#divs")：id用"#"

2.$("#divs")

根据class获取对象：

1.jQuery(".clsdiv")：class用"."

2.$(".clsdiv")

原文来自：jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式

<body>
<div id="coding">
    <p>Coding for fun!!!</p>
</div>

<div class="hello">
    <ul>
        <li>123</li>
        <li>adc</li>
        <li id="abc">efg</li>
        <li>write</li>
        <li>read</li>
    </ul>
</div>
</body>
<script type="text/javascript">
    $(function () {
        $(coding).css("background", "#f00"); // id还可以直接这样子写
        $(".hello").css("background", "#f00");
        $("#abc").css("background", "#00f");
    });
</script>