jQuery的自我學習(一)

2021-09-29 04:26:05 字數 1466 閱讀 1226

jquery有許多簡潔的選擇器現在介紹其中常用的一些:

$('#id')

$(".c1")

$('a')

$('#10 a') //子子孫孫

$('#10>a') //兒子

//:first

//:last

//:eq()

$('[alex]')

$('[alex="123"]')

$("input[type='text']")==$(':text')

直接利用$符號搜尋標籤的id和class名稱,可以把他和css的選擇器歸為一類記憶,有很多相似之處。(切記字串要用引號包括)

基礎的繫結還是在標籤的後面新增「οnclick="***();」然後利用選擇器尋找到後對其內部進行操作

更高階層次的應該是:直接在選擇器$('..')後面新增上事件如:「click」,「hover」等

如:

對於表單的選項設定:

$(this).prop('checked') 獲取值

// $(this).prop('checked',true) 設定值

// $(this).each(function(k){

(k代表當前索引);

(this代表dom物件)

利用jquery事件做乙個多下拉框選單案例
12

3 12

3 12

3 12

3 12

3

從這個小案例中,我們應該掌握許多小的知識點:

$(』#i1』).next()——>//尋找i1標籤的下乙個標籤

$(』#i1』).nextall() ——> //尋找i1標籤下的所有標籤

$(』#i1』).nextuntil(』#ii1』)——> //尋找i1標籤下的所有標籤,直到找到ii1標籤為止

$(』#i1』).prev() ——> //尋找i1標籤的上乙個標籤

$(』#i1』).prevall() ——> //尋找i1標籤上的所有標籤

$(』#i1』).prevuntil(』#ii1』) ——> //尋找i1標籤上的所有標籤,直到找到ii1標籤為止

$(』#i1』).parent()——> //尋找i1標籤的父級標籤

$(』#i1』).children() ——>//尋找i1標籤的子級標籤

$(』#i1』).siblings() ——>//尋找i1標籤的兄弟標籤

$(』#i1』).find() ——> //尋找i1標籤中的某一元素標籤

$(…).text()——>獲取標籤文字

$(…).text(「1」)

$(…).html()

$(…).html(「1」)

$(…).val()——>獲取input文字

$(…).val(…)

jquery 學習 一 初識jquery

1,引入jquery 2,與 jquery 的關係 first 等價於 jquery first 3,比較 document ready function window.onload 及 function window.onload document ready 執行時機 等待網頁中所有內容載入完成...

Astar的自我學習

優先佇列就是乙個被賦予了優先順序的佇列,按照過載函式進行最大值或最小值優先。在出隊和提取隊首元素時都是按照優先順序來操作,優先順序最大的元素將進行操作。include include include include using namespace std struct node a 10 struc...

vuex的自我學習

index state 存放狀態 mutations state成員操作 getters 加工state成員給外界 actions 非同步操作 modules 模組化狀態管理 mutations與actions的區別 主要的區別在於mutations 只能是同步操作,action 可以包含非同步操作...