7--Jquery中的DOM操作(查找节点)

查找元素节点（标签）：使用Jquery中的选择器来完成。
查找属性节点：查找到元素节点后，可以使用Jquery对象的attr()方法来获取该元素节点的各个属性。
实例1：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>查找属性节点</title>
    <!--导入Jquery框架-->
    <script src="jquery-1.11.3.js"></script>
</head>
<body>
    <p title="选择你新欢的水果">你新欢的水果是？</p>
    <ul>
        <li title="苹果">苹果</li>
        <li title="橘子">橘子</li>
        <li title="香蕉">香蕉</li>
        <li title="菠萝">菠萝</li>
    </ul>
    <script>
        $(function(){
    
    
            /*获取p元素*/
            var $_p=$("p");
            /*获取p标签的title属性的值*/
            var $_title=$_p.attr("title");
            alert($_title);
        });

        $(function(){
    
    
            /*获取第二个li元素*/
            var $_lis=$("li:eq(1)");
            var $_jztitle=$_lis.attr("title");
            alert($_jztitle);
        });
    </script>
</body>
</html>

查找文本节点：使用text()方法
实例2：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>查找文本节点</title>
    <!--导入Jquery框架-->
    <script src="jquery-1.11.3.js"></script>
</head>
<body>
    <p title="选择你新欢的水果">你新欢的水果是？</p>
    <ul>
        <li title="苹果">苹果</li>
        <li title="橘子">橘子</li>
        <li title="香蕉">香蕉</li>
        <li title="菠萝">菠萝</li>
    </ul>
    <script>
        $(function(){
    
    
            /*获取p元素*/
            var $_p= $("p");
            /*获取p元素中的文本*/
            var p_text=$_p.text();
            alert(p_text);
        });
    </script>
</body>
</html>

请留下你的小赞赞哦在这里插入图片描述

7--Jquery中的DOM操作(查找节点)

猜你喜欢