JQuery學習筆記之選擇器

var dom_div1 = document.getelementbyid('test1');

var dom_div2 = document.getelementbyclassname('test2');

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事件高效，因為不需要整個文件載入結束去執...