dom物件獲取方式:
jquery物件獲取方式:var dom_div1 = document.getelementbyid('test1');
var dom_div2 = document.getelementbyclassname('test2');
dom物件與jquery物件互相轉換:var $jq_div1 = $('#test1'); // id選擇器
var $jq_div2 = $('.test2'); // 類選擇器
var $jq_div3 = $('div'); // 元素選擇器
二者區別如下:// dom -> jq
var dom2jq_div1 = $(dom_div1);
var dom2jq_div2 = $(dom_div2);
// jq -> dom
var jq2dom_div1 = jq_div1[0];
var jq2dom_div2 = jq_div2.get(0);
上面一小節已經介紹了:
下面介紹層選擇器,有如下四種:
區別示例如下:
其實也可以用屬性篩選選擇器,例如:
慕課網aaron
點選測試:通過原生dom處理
點選測試:通過原生jquery處理
jQuery之層級選擇器學習筆記
層級選擇器 總共有4 種 子元素選擇器 後代元素選擇器 緊鄰同輩元素選擇器 相鄰同輩元素選擇器。1 子元素選擇器 用於在給定父元素下查詢父元素下的子元素。語法 parent child parent為任意有效的選擇器 child 也是乙個選擇器,且是 parent 的子元素。eg 匹配form 下所...
JQuery 選擇器學習筆記
img removeattr title 移除指定元素屬性值 p last addclass lastp addclass 為指定元素新增class,p last 為最後乙個p元素 p first addclass firstp 同上,只不過是第乙個p元素 p last removeclass 移除...
jQuery學習筆記 選擇器
3 jquery四種常見寫法 第一種 function 第二種 document ready function 第三種 jquery function 第四種 jquery document ready function 注 比js裡window.onload事件高效,因為不需要整個文件載入結束去執...