jQuery--语法

小灰灰 2022-11-21 09:50 148阅读 0赞

原文网址：[jQuery--语法\_IT利刃出鞘的博客-CSDN博客][jQuery--_IT_-CSDN]

# 选择器 #

## 与 ##

**描述**

> 与选择器用于选择同时满足多个项的元素。

**格式**

> $("Selector1Selector2SelectorN") //连着写

**示例**

> 代码
> 
>     <!DOCTYPE html>
>     <html lang="en">
>     <head>
>         <meta charset="UTF-8">
>         <title>Title</title>
>         <script src="https://cdn.staticfile.org/jquery/1.9.1/jquery.min.js"></script>
>     </head>
>     <body>
>     <div class="a b c" style="background-color: red">
>         这是abc
>     </div>
>     
>     <p class="a b d" style="background-color: red">
>         这是abd
>     </p>
>     <script>
>         $(".a.d").css('background-color', 'yellow');
>     </script>
>     </body>
>     </html>
> 
> 结果
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaXlpbmcwY2FuZ2xhbmc_size_16_color_FFFFFF_t_70][]

## 其他 ##

见：[jQuery在线手册\_3.1][jQuery_3.1]

# 属性 #

## **.text()** ##

**简介**

> **.text()括号中的参数是可变参数**
> 
> 可以这样用：$("xxx").text(text1, text2);
> 
> **.text()设置内容有两种用法**
> 
> 用法1：$(选择器).text(内容) //此种方法会设置已经存在的标签的内容。  
> 用法2：$(标签对).text(内容) //此种方法会新建标签并设置内容。

**实例**

> 代码
> 
>     <!doctype html>
>     <html lang="en">
>     
>     <head>
>         <meta charset="UTF-8">
>         <title>this is title</title>
>     </head>
>     
>     <body>
>     <script src="./lib/jquery.js"></script>
>     
>     <p>here</p>
>     
>     <script>
>         function appendText() {
>             var txt1 = "<p>文本-1。</p>";              // 使用 HTML 标签创建文本
>             var txt2 = $("p").text("文本-2。");  // 使用 jQuery 创建文本
>             var txt3 = document.createElement("p");
>             txt3.innerHTML = "文本-3。";               // 使用 DOM 创建文本 text with DOM
>             $("body").append(txt1, txt2, txt3);        // 追加新元素
>         }
>     
>         appendText();
>     </script>
>     
>     </body>
>     </html>
> 
> 结果
> 
> ![2020103113164757.png][]

> 代码
> 
>     <!doctype html>
>     <html lang="en">
>     
>     <head>
>         <meta charset="UTF-8">
>         <title>this is title</title>
>     </head>
>     
>     <body>
>     <script src="./lib/jquery.js"></script>
>     
>     <p>here</p>
>     
>     <script>
>         function appendText() {
>             var txt1 = "<p>文本-1。</p>";              // 使用 HTML 标签创建文本
>             var txt2 = $("<p></p>").text("文本-2。");  // 使用 jQuery 创建文本
>             var txt3 = document.createElement("p");
>             txt3.innerHTML = "文本-3。";               // 使用 DOM 创建文本 text with DOM
>             $("body").append(txt1, txt2, txt3);        // 追加新元素
>         }
>     
>         appendText();
>     </script>
>     
>     </body>
>     </html>
> 
> 结果
> 
> ![20201031131528928.png][]

[jQuery--_IT_-CSDN]: https://knife.blog.csdn.net/article/details/109401257
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaXlpbmcwY2FuZ2xhbmc_size_16_color_FFFFFF_t_70]: /images/20221120/35054c4414354af3b6d4612773b02108.png
[jQuery_3.1]: http://www.shouce.ren/api/view/a/12780
[2020103113164757.png]: https://img-blog.csdnimg.cn/2020103113164757.png
[20201031131528928.png]: https://img-blog.csdnimg.cn/20201031131528928.png