jQuery学习笔记02：核心部分_jquery $.expr()-优快云博客

本文链接：https://blog.youkuaiyun.com/howard2005/article/details/103065044

本文深入探讨了jQuery的核心函数$(expr)，通过实例演示了如何使用CSS选择器、XPath或HTML代码来匹配目标元素，展示了设置元素样式和动态添加元素的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery学习笔记：核心部分

一、$(expr)

1、说明

$(expr) 该函数通过CSS选择器、XPath或html代码来匹配目标元素

参数：expr（字符串，一个查询表达式或一段html字符串）

2、案例演示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo1_1</title>
    <script src="js/jquery-3.4.1.js"></script>
</head>
<body>
<!--
   $(expr) 该函数通过CSS选择器、XPath或html代码来匹配目标元素
   参数：expr（字符串，一个查询表达式或一段html字符串）
-->
<p>jQuery is so useful.</p>
<div>
    <p>I want to learn jQuery.</p>
</div>
<p>How can I learn jQuery well?</p>
<button id="set" onclick="set()">Set an Element</button>
<button id="add" onclick="add()">Add an Element</button>
<script>
    function set() {
        let elem = $('div > p');
        alert(elem.html());
        elem.css({color: 'red', 'font-weight': 'bold'});
    }
    
    function add() {
        let elem = $('<div><p>Good morning everyone~</p></div>');
        elem.appendTo("body");
    }
</script>
</body>
</html>