jQuery系列1

最新推荐文章于 2024-03-14 07:30:00 发布

WLY_Unity_Unreal

最新推荐文章于 2024-03-14 07:30:00 发布

阅读量205

点赞数

分类专栏： jquery 文章标签： jQuery

本文链接：https://blog.csdn.net/Wenliuyong/article/details/86349738

版权

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

jQuery是js库中的一种,体积小,功能强大,链式编程,隐式迭代,插件丰富,开源,免费.

jQuery中的顶级对象是"jQuery",可以用"$"代替.

DOM对象可以通过$(dom对象)的方式转换为jQuery对象;jQuery对象[0]是DOM对象.

总结jQuery中的常用选择器:

1.id选择器: $("#id")

2.类选择器: $(".className")

3.标签选择器: $("tagName")

4.交集选择器: $("selector1.selector2")

5.并集选择器: $("selector1,selector2")

6.子代选择器: $("father>sun")

7.后代选择器: $("father descendant")

8.兄弟选择器(只包括后面的兄弟): $("selector1~selector2")

9.兄弟选择器(只包括后面第一个,如果后面第一个不符合,则无效): $("selector1+selector2")

10.伪类选择器:

selector:odd 索引为奇数 selector:even 索引为偶数 selector:eq(index) 指定索引.

通常使用$(function () {})做页面加载完毕要做的事情.

一些常用的函数:

.val ():当传参时,设置标签的value值;不传参时,获取value的属性值.

.text ():当传参时,设置标签之间的内容;不传参时,获取标签的文本内容.

.html ():当传参时,设置标签之间的html内容;不传参时,获取标签的标签及其内容.

text和html的区别:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery</title>
    <script src="jquery-3.3.1.js"></script>
    <style>

    </style>
    <script>
        $(function () {
            console.log($("#ul").html ());
            console.log($("#ul").text ());
        });
    </script>
</head>
<body>
<input type="button" value="测试" id="btn" />
<ul id="ul">
    <li>第一行</li>
    <li>第二行</li>
    <li>第三行</li>
    <li>第四行</li>
    <li>第五行</li>
</ul>
</body>
</html>