-
jquery選擇器之元素選擇器：
寫法$( "element" )相當于原生方法getElementsByTagName()函數
搜索指定元素標簽名的所有節點，這個是一個合集的操作
查看全部 -
jquery選擇器之類選擇器：
寫法：$( ".class" )
不難想到$(".imooc").css()方法內部肯定是帶了一個隱式的循環處理，所以使用jQuery選擇節點，不僅僅只是選擇上的簡單，同時還增加很多關聯的便利操作
查看全部 -
jquery選擇器之id選擇器:
寫法：$( "#id" )
id是唯一的，每個id值在一個頁面中只能使用一次。如果多個元素分配了相同的id，將只匹配該id選擇集合的第一個DOM元素。但這種行為不應該發生;有超過一個元素的頁面使用相同的id是無效的
id有相同的默認選擇第一個
查看全部 -
Dom對象轉化為jquery對象:
通過$(dom)方法將普通的dom對象加工成jQuery對象之后，我們就可以調用jQuery的方法了
如果傳遞給$(DOM)函數的參數是一個DOM對象，jQuery方法會把這個DOM對象給包裝成一個新的jQuery對象
查看全部 -
jquery對象轉化成DOM對象：
因為jquery對象類似于類數組對象，所以利用數組下標的方式讀取到jQuery中的DOM對象
通過jQuery自帶的get()方法
查看全部 -
jquery對象與Dom對象：
通過jQuery方法包裝后的對象，是一個類數組對象。它與DOM對象完全不同，唯一相似的是它們都能操作DOM。
通過jQuery處理DOM的操作，可以讓開發者更專注業務邏輯的開發，而不需要我們具體知道哪個DOM節點有那些方法，也不需要關心不同瀏覽器的兼容性問題，我們通過jQuery提供的API進行開發，代碼也會更加精短。
查看全部 -
var div = document.getElementsByTagName('div'); //dom對象 var $div = $(div); //jQuery對象 var $first = $div.first(); //找到第一個div元素 $first.css('color', 'red'); //給第一個元素設置顏色查看全部
-
瀏覽器支持：
[att=val]、[att]、[att|=val]、[att~=val]? 屬于CSS 2.1規范
[ns|attr]、[att^=val]、[att*=val]、[att$=val] 屬于CSS3規范
[name!="value"]? 屬于jQuery 擴展的選擇器
CSS選擇器無論CSS2.1版本還是CSS3版本，IE7和IE8都支持，webkit、Gecko核心及Opera也都支持，只有IE6以下瀏覽器才不支持
在這么多屬性選擇器中[attr="value"]和[attr*="value"]是最實用的
[attr="value"]能幫我們定位不同類型的元素，特別是表單form元素的操作，比如說input[type="text"],input[type="checkbox"]等 [attr*="value"]能在網站中幫助我們匹配不同類型的文件
查看全部 -
注意事項：
:contains與:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素
如果:contains匹配的文本包含在元素的子元素中，同樣認為是符合條件的。
:parent與:empty是相反的，兩者所涉及的子元素，包括文本節點
$(":contains('文本')")
$(":has(元素)")
$(":parent")
$(":empty")
幾種寫法，如：
$("#id屬性值:contains('文本')");
$(".類屬性值:contains('文本')");
$("元素:contains('文本')");
查看全部 -
注意事項： :eq(),?:lt(),?:gt(),?:even,?:odd?用來篩選他們前面的匹配表達式的集合元素，根據之前匹配的元素在進一步篩選，注意jQuery合集都是從0開始索引 gt是一個段落篩選，從指定索引的下一個開始，gt(1)?實際從2開始
查看全部 -
基礎選擇器
id選擇器???????????$("#id屬性值")
類選擇器????? ? ????$(".class屬性值")
元素選擇器????? ? ?$("標簽名/元素名")
通用選擇器????? ? ?$(“*”)
組合選擇器? ? ? ? ?$(“選擇器1，選擇2,...”)
層級選擇器
$( "parent > child" )
????子選擇器：選擇所有指定“parent”元素中指定的"child"的直接子元素。
$("ancestor descendant")
????后代選擇器：選擇給定的祖先元素的所有后代元素, 一個元素的后代可能是該元素的一個孩子，孫子，曾孫等
$("prev + next")
????相鄰兄弟選擇器：選擇所有緊接在“prev”元素后的“next”元素
$("prev ~ siblings")
????一般兄弟選擇器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配過濾“siblings”選擇器
查看全部 -
查看全部
-
https://www.bootcdn.cn/jquery/
使用cdn的優點是加快頁面的加載速度，無需下載第三方插件，節約項目打包大小
<script?src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
查看全部 -
<script?src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
BootCDN
國內的網站比較快
查看全部
舉報