亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery

jQuery是一個javaScript庫。
作用：簡化了javascript編程

1. 獲取元素
   選擇器獲取 id,class,tags等
   $(選擇器) 這種形式來獲取元素對象

 <ul id="first">
     <li>item1</li>
     <li>item2</li>
     <li>item1</li>
     <li>item2</li>
     <li>item1</li>
 </ul>
<script>
const first=$("#first");
</script>

2.js對象轉為jquery對象
$(js對象) 就可以轉為jquery對象使用jquery方法

$(document.body).css("background","lightgtreen");
3.jquery轉為js對象

• 使用…spread擴展
  [...$(document.querySelectorAll("li"))];
• 使用get(下標)方法將某一個轉為js對象
  $(document.querySelectorAll("li")).get(2).style.backgroundcolor="red";
  • 使用[n]直接來轉換
    $(document.querySelectorAll("li"))[0].style.backgroundcolor="red";

4.html文本生成dom元素
$("<li>你好！</li>").appendTo(document.querySelector("#first"));
5.$(callback回調函數(shù))

$(function (){
  $("<li>你好！</li>").appendTo($("#first"));
});
表示在頁面加載完畢后，執(zhí)行這個回調函數(shù)

jquery一些方法

1. attr()獲取/設置元素屬性

 <div id="attrs" name="diving" class="divclass">
       <p>你<em style="color:blue;">好</em></p> 
 </div>
//獲取屬性值
const att=$("#attrs");
//獲得name的值
console.log(att.attr("name"));
//設置name的值
console.log(att.attr("name","log"));
console.log(att.attr("name"));
//也可以傳遞函數(shù)
att.attr("class",()=>{
    let method=att.attr("class");
    return method;
});

2.css設置屬性值
('body').css('background',"lightgreen");
3.text()方法和 html()方法
text()是獲得純文本，html()將元素也獲得了

const pa=$("#attrs p");
console.log(pa.text());
//html()html元素也被讀取出來了
console.log(pa.html());

批改老師：天蓬老師

批改狀態(tài)：合格

老師批語：沒寫完,下次寫完再提交