a毛 jquery 學習記 3 常規選擇器 4

2021-07-11 00:21:48 字數 1246 閱讀 5662

jquery 學習 三(4)

1、當在jquery中使用高階選擇器跟jquery特有的方法改變對應屬性的效果時,最好是用jquery特有方法來實現因為這樣效率高,速度快:如下面**  

$('#box p').css('color','red'); 

$('#box').find('p').css('color','red')

$('#box > p').css('color','blue')

$('#box').children('p').css('color','red');

$('#box + p').css('color','red')

$('#box').next('p').css('color','blue')

$('#box ~ p').css('color','red')

$('#box').nextall(' p').css('color','blue')

還有幾個就不多做試驗,只要記住就好,用函式的效率比用高階選擇的效率高,速度更快;所以建議用jquery的方法;

屬性選擇器,先看如下表

做以下試驗測試

index.html修改如下

num1

num2

num3

num4

num5

dom.js

$(function());
$(function());
$(function());
$(function());
$(function());
$(function());
$(function());
$(function());
$(function());
現在jquery的常規選擇器就都學完了

a毛 jquery 學習記 4過濾選擇器2

jquery 學習 四 2 過濾選擇器 做法跟前面一樣,複製前面的資料夾到 4過濾選擇器2 中,index.html 頁面內容跟上次內容一樣 4 子元素過濾器 先來看下表了解一下 先回憶一下 first和 last的用法 dom.js function 用之前學到的乙個函式 li first,ul ...

jQuery學習(二) 常規選擇器

一 常規選擇器分類 1 簡單選擇器 2 高階選擇器 3 高階選擇器 二,簡單選擇器 id選擇器,元素選擇器,類選擇器 1 id選擇器 使用jquery選擇器時,必須使用 函式來包裝我們css規則,經過jquery物件包裝後,返回對應元素的jquery物件,我們得到這個dom節點後就可以進行操作啦。b...

jQuery 學習積累 3

一 獲取html的內容和屬性 三個簡單實用的用於 dom 操作的 jquery 方法 attr 方法用於獲取屬性值。二 設定文字內容和屬性 btn1 click function btn2 click function btn3 click function 修改屬性 button click fu...