javascript
JQuery对象和JS对象区别与转换|| 事件绑定 入口函数 样式控制
JQuery對(duì)象和JS對(duì)象區(qū)別與轉(zhuǎn)換
? ? 1. JQuery對(duì)象在操作時(shí)，更加方便。
? ? 2. JQuery對(duì)象和js對(duì)象方法不通用的.
? ? 3. 兩者相互轉(zhuǎn)換
? ? ? ? * jq -- > js : jq對(duì)象[索引] 或者 jq對(duì)象.get(索引)
? ? ? ? * js -- > jq : $(js對(duì)象)
03-JQuery對(duì)象和js對(duì)象的轉(zhuǎn)換.html
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>JQuer對(duì)象和js對(duì)象的轉(zhuǎn)換</title><script src="js/jquery-3.3.1.min.js"></script> </head> <body><div id="div1">div1....</div><div id="div2">div2....</div><script>//1. 通過js方式來(lái)獲取名稱叫div的所有html元素對(duì)象var divs = document.getElementsByTagName("div");alert(divs.length);//可以將其當(dāng)做數(shù)組來(lái)使用//對(duì)divs中所有的div 讓其標(biāo)簽體內(nèi)容變?yōu)?#34;aaa"for (var i = 0; i < divs.length; i++) {//divs[i].innerHTML = "aaa";$(divs[i]).html("ccc");}//2. 通過jq方式來(lái)獲取名稱叫div的所有html元素對(duì)象var $divs = $("div");alert($divs.length);//也可以當(dāng)做數(shù)組使用//對(duì)divs中所有的div 讓其標(biāo)簽體內(nèi)容變?yōu)?#34;bbb" 使用jq方式//$divs.html("bbb");// $divs.innerHTML = "bbb";$divs[0].innerHTML = "ddd";$divs.get(1).innerHTML = "eee";/*1. JQuery對(duì)象在操作時(shí)，更加方便。2. JQuery對(duì)象和js對(duì)象方法不通用的.3. 兩者相互轉(zhuǎn)換* jq -- > js : jq對(duì)象[索引] 或者 jq對(duì)象.get(索引)* js -- > jq : $(js對(duì)象)*/</script></body> </html>選擇器：篩選具有相似特征的元素(標(biāo)簽)
1. 事件綁定
?? ??? ??? ?//1.獲取b1按鈕
? ? ? ? ? ? $("#b1").click(function(){
? ? ? ? ? ? ? ? alert("abc");
? ? ? ? ? ? });
2. 入口函數(shù)
?? ??? ??? ? $(function () {
?? ? ? ? ? ? ??
? ??? ??? ??? ? });
?? ??? ??? ? window.onload ?和 $(function) 區(qū)別
? ? ? ? ? ? ? ? ?* window.onload 只能定義一次,如果定義多次，后邊的會(huì)將前邊的覆蓋掉
? ? ? ? ? ? ? ? ?* $(function)可以定義多次的。
3. 樣式控制：css方法
?? ??? ??? ? // $("#div1").css("background-color","red");
? ? ? ?? ??? ?$("#div1").css("backgroundColor","pink");
?
《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的JQuery对象和JS对象区别与转换|| 事件绑定 入口函数 样式控制的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JQuery 基础 || 目前 jQu
- 下一篇： Spring（IOC+AOP）