1. 程式人生 > >python學習筆記(84) jQuery基礎

python學習筆記(84) jQuery基礎

Write less, do more.

 

相當於Python的第三方模組

  1.改變標籤

  2.改變標籤屬性

  3.改變標籤樣式

  4.改變事件

 

找到標籤:

  找出來的是jQuery物件

  jQuery("#d1")[0]

  $("div.c1")[0]

  $("div.c1")[1]

  括號裡面和CSS選擇器一樣,不能加空格(後代)

  $("a,#d1,.c2")  // 組合選擇器

  層級選擇器:

    $("form input")

    $("form>input")

    $("form+input")

    $("form~input")

 

HTML物件和jQuery物件區別:

  1.jQuery物件轉為DOM物件,用索引取出

  2.DOM物件轉jQuery物件,$(DOM物件)

  3.jQuery物件儲存變數的時候變數名加$

 

基本篩選器:

  查詢條件都要寫在引號裡面

  :first  // $("ul li:first")

  :last

  :eq(index)  // 從0開始,支援負數

  :even  // 偶數

  :odd  // 奇數

  :gt(index)  // 大於索引的,從0開始

  :lt(index)  // 小於索引的

  :not  // $("p:not(.c2)") 移除滿足not內條件的

  :has  // $("#d3 div:has(a)") 找內部有a的div,找的是div

 

屬性篩選器:

  $("input[name='gender']")

  簡寫:

    :text

    :password

    :radio

    :checkbox

  $(":submit")

  物件屬性:

    :enabled

    :disabled

    :checked

    :selected

  位置篩選:

    $("#d1").next()

    .nextAll()

    .nextUntil("#d5")

    .prev()

    .prevAll()  // 倒序

    .precUntil("#d8")

    .parent()  // $("a").parent().parent()  鏈式操作

    .parents()  // div#d2, div#d1, body, html

    .parents("body")  // 找到body這一級

    .parentsUntil()

    .children()  // 兒子們

    .siblings()  // 兄弟們

    .find()  // 在結果集裡查詢元素 $cEle.find("div"), 別處發來的物件

    .first()

 

操作標籤:

 

樣式操作:

  .addClass()

  .removeClass()

  .hasClass()

  .toggleClass()