當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery 常用的方法

發布時間：2023/11/29 编程问答 26 豆豆

生活随笔收集整理的這篇文章主要介紹了 jQuery 常用的方法小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>品牌列表案例</title>
<script src="js/jquery-2.1.1.min.js" rel="script"></script>
<script>
$(document).ready(function () {
var $text =$("ul li:eq(2)"); //獲取ul的第三個子節點
var $text_v1 = $text.text();//獲取指定元素的文本內容
var $text_v2 = $("p").append(" world");//向匹配的元素內部追加內容
($("世界").appendTo("p")); //向匹配的元素內部添加文本內容到末尾，
$("a").prepend("標簽");//在每一個匹配元素的文本前面添加指定內容
$("加在后面").appendTo("a");//在每一個匹配元素的文本后面添加指定內容
$("i").after("內容加在傾斜文本之后");//在匹配的元素之后添加文本內容
//按照字面順序來理解即可，就是將b標簽內的內容添加到em標簽的文本之后
$("的文本").insertAfter("em");
//添加到匹配元素的文本之前，因為div是塊元素，所以添加的內容也是塊元素
$("div").before("前面的文本");
//按照字面的反順序來理解，也就是b標簽文本添加到ol li:eq(1)元素文本的后面，不是前面
$("hello ").insertBefore($("ol li:eq(1)"));

$("p").click(function(){
//點擊p標簽文本時將p標簽本身的文本復制（克隆）一次追加在em標簽之后。
$(this).clone().appendTo("em");
});
//將ol li:eq(2)元素的文本內容替換成指定的文本內容。
$("ol li:eq(2)").replaceWith("劉備");
$("em").wrap("");//用b標簽將em標簽包裹起來

alert($("strong").attr("title"));//獲取匹配元素的屬性的值
})
</script>
</head>
<body>
<ul>
<li>demo1</li>
<li>demo2</li>
<li>demo3</li>
<li>demo4</li>
<li>demo5</li>
<li>demo6</li>
</ul>
hello
<a>box</a>
<a>title</a>
<a>test</a> 
傾斜文本 

顛倒常理 
<div>hello</div>
<ol>
<li>張三</li>
<li>李四</li>
<li>王二</li>
</ol>

strong
</body>
</html>

轉載于:https://www.cnblogs.com/LindaBlog/p/9805910.html

總結

以上是生活随笔為你收集整理的jQuery 常用的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： js中判断值不等于undefined
下一篇：梦到骡子脱缰什么意思