亚洲精品久久久久久第一页-人妻少妇精彩视品一区二区三区-91国产自拍免费视频-免费一级a在线播放视频正片-少妇天天日天天射天天爽-国产大屁股喷水视频在线观看-操美女骚穴抽插性爱视频-亚洲 欧美 中文字幕 丝袜-成人免费无码片在线观看

jquery設(shè)置input的value值 jquery判斷字符串是否為空( 四 )


removeClass() 將元素的類樣式移除
toggleClass() 樣式的切換;有->無 , 無->有
<style>div{width: 100px;height: 100px;background-color: #000;}.a{background: palevioletred;border-radius: 50%;}.b{border:5px dashed darkcyan;opacity: 0.6;}.cn{background: #000;color: #FFF;font-family: 字魂49號-逍遙行書;}</style><body><button id="btn1">試試</button><button id="btn2">取消透明度</button><button id="btn3">樣式切換</button><hr><div></div><h1>中華人民共和國</h1>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("#btn1").click(function(){// $("div").addClass("a");$("div").addClass("a b");});?$("#btn2").click(function(){$("div").removeClass("b");});?$("#btn3").click(function(){$("h1").toggleClass("cn");});</script></body>節(jié)點(diǎn)操作<input><button id="test">測試</button>?<ul><li>西游記</li><li>三國演義</li><li>水滸傳</li></ul>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("#test").click(function(){var bookname = $("input").val();// 通過工廠函數(shù) , 創(chuàng)建新的 li 節(jié)點(diǎn)var newli = $("<li>"+bookname+"</li>");?/* 添加子節(jié)點(diǎn) */// newli 添加到 ul 后面$("ul").append(newli);// newli 添加到 ul 后面newli.appendTo("ul");// newli 添加到 ul 前面$("ul").prepend(newli);newli.prependTo("ul");?/* 添加同輩節(jié)點(diǎn) */// newli 添加到最后的 li 的后面$("li:last").after( newli );newli.insertAfter("li:last");//newli 添加到最后的 li 的前面$("li:last").before(newli);newli.insertBefore("li:last");?/* 替換節(jié)點(diǎn) */// 將第二個 li 替換成 newli$("li:eq(1)").replaceWith(newli);newli.replaceAll( "li:eq(1)" );?/* 復(fù)制節(jié)點(diǎn) */// 復(fù)制第一個 li , 并插入到最后一個 li 的后面$("li:first").clone().insertAfter("li:last");?/* 刪除節(jié)點(diǎn) */// 清空了節(jié)點(diǎn)上的文本(節(jié)點(diǎn)并沒有消失)$("li:eq(1)").empty();// 刪除節(jié)點(diǎn)$("li:eq(1)").remove();});</script>遍歷節(jié)點(diǎn)祖先元素用于向上遍歷 DOM 樹的方法
parent() 返回被選元素的直接父元素 , 僅僅是上一級parents() 返回被選元素的所有祖先元素 , 它一路向上直到文檔的根元素 , 可以選擇輩分<p><button>測試</button></p><ul><li>a</li><li><b>b</b></li><li>c</li></ul>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("button").click(function(){// 找爸爸var x = $("b").parent().html();// 找祖宗 ulvar x = $("b").parents("ul").html();// 找祖宗 bodyvar x = $("b").parents("body").html();alert( x );});</script>同輩元素next() 獲取緊鄰匹配元素之后的元素
prev() 獲取緊鄰匹配元素之前的元素
siblings([selector]) 獲取位于匹配元素前面和后面的所有同輩元素
<button>測試</button><p>p1</p><ul><li>a</li><li><b>b</b></li><li>c</li></ul><p>p2</p><p id="x">p3</p>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("button").click(function(){// 緊鄰的下一個元素var x = $("ul").next().text();// 緊鄰的上一個元素var x = $("ul").prev().text();// 所有的兄弟中 id=x 的var x = $("ul").siblings("#x").text();// ul 的所有兄弟:1 個 button , 3 個 p , 2 個 scriptvar arr = $("ul").siblings();for(var i = 0 ;i< arr.length ;i++){alert(arr[i]);}});</script>后代元素后代是子、孫、曾孫等等
children([selector]) 方法返回被選元素的所有直接子元素<button>測試</button><ul><li>a</li><li>b</li><li>c</li></ul>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("button").click(function(){// 所有子節(jié)點(diǎn):a b cvar x =$("ul").children().text();// ul 中的第一個子節(jié)點(diǎn)var x =$("ul").children("li:first").text();alert(x);});</script>find(選擇器) 方法返回被選元素的后代元素 , 一路向下直到最后一個后代<button>測試</button><ul><li>盤古</li><li>蚩尤</li><li>刑天<p>龔工</p></li><h3>祝融</h3></ul>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("button").click(function(){// 在 ul 中查找 p 元素 , 忽略層級var x = $("ul").find("p").text();// 在 ul 中查找 h3 元素 , 忽略層級var x = $("ul").find("h3").text();// 不知道找什么var x = $("ul").find().text();alert(x);});</script>元素的過濾first() 過濾第一個元素


以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問題,請您及時就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對您有所幫助: