jquery權威指南學習筆記

2022-07-23 12:45:23 字數 2938 閱讀 8630

$("#div").html() 獲取jquery物件中的值

$("#divhtml").html(strhtml) 設定值

$("#div").text() 獲取元素內容

$("#divtext").text(strtext) 設定值

$(this).toggleclass("divclick").html("點選後的樣子") 單擊交替事件

$(".clshead span img").attr("src","images/al.gif") 設定元素屬性

$(".clscontent").is(":visible"))else

$("img").attr("src") 獲取屬性值

$("img").removeattr("src") 刪除屬性值

$("select").val().join(",") 獲取列表框所選中的全部項的值

$("input").val() 獲取文字框的值

$("input").val("") 設定文字框的值

$(this).css("font-style","italic") 設定樣式的值

$(this).addclass("cls1 cls2") 設定css樣式

$(this).toggleclass("clsimg") 切換樣式類別

$("p").removeclass("cls0 cls1") 刪除css的指定類別

$("p").removeclass() 刪除css的全部類別

層次選擇器:

$("div span").css() 匹配後代元素

$("div>span").css() 匹配子元素

$("#div").next().css() 匹配後面元素 nextall() 後面所有元素

$("#div").siblings("div").css() 兄弟元素

簡單過濾選擇器:

$("li:first") 獲取第乙個元素

$("li:last") 獲取最後乙個元素

$("li:not(.notclass)") 獲取除給定選擇器外的所有元素

$("li:even") 獲取索引為偶數的元素

$("li:odd") 索引為奇數

$("li:eq(1)") 索引值為1

$("li:gt(1)")

$("li:lt(1)")

$(":header") 獲取所有標題型別的元素,如h1、h2

$("#pan:animated") 獲取正在執行動畫效果的元素

內容過濾選擇器:

$("div:contains('a')").css() 獲取包含給定文字的元素

$("div:empty").css() 獲取所有不包含子元素或者文字的空元素

$("div:has(span)").css() 獲取含有選擇器所匹配的元素

$("div:parent").css() 獲取含有子元素或者文字的元素

可見性過濾選擇器:

$("div:visible").addclass() 獲取所有不可見元素,或者type為hidden的元素

$("span:hidden").show().addclass() 獲取所有的可見元素

屬性過濾選擇器:

$("div[id]").show() 獲取所有含有id屬性的元素

$("div[title='a']").show() 獲取所有屬性title的值是"a"的元素

$("div[title!='a']").show() 獲取所有屬性title的值不是"a"的元素

$("div[title^='a']").show() 獲取所有屬性title的值以"a"開始的元素

$("div[title$='a']").show() 獲取所有屬性title的值以"a"結束的元素

$("div[title*='a']").show() 獲取所有屬性title的值中包含有"a"的元素

$("div[id='divab'][title*='b']").show() 獲取所有屬性title的值中含有"b"且屬性id的值是"divab"的元素

子元素過濾選擇器:

$("li:nth-child(2)").addclass() 獲取每個父元素下的第2個子元素

$("li:first-child").addclass() 獲取每個父元素下的第乙個子元素

$("li:last-child").addclass() 獲取每個父元素下的最後乙個子元素

$("li:only-child").addclass() 獲取每個父元素下只有乙個子元素的元素

表單物件屬性過濾選擇器:

$("#form1 input:enabled").addclass() 獲取表單中所有屬性為可用的元素

$("#form1 input:disabled").addclass() 獲取表單中所有屬性為不可用的元素

$("#from1 input:checked").addclass() 獲取表單中所有被選中的元素

$("#select option:selected").text() 獲取表單中所有被選中的option的元素

表單選擇器:

$("form1 :input").length 獲取所有input型別元素

$("form1 :text").show() 獲取所有文字框元素

$("form1 :password").show() 獲取所有密碼框元素

$("form1 :radio").show() 獲取所有單選按鈕元素

$("form1 :checkbox").show() 獲取所有核取方塊元素

$("form1 :submit").show() 獲取所有提交按鈕元素

$("form1 :image").show() 獲取所有元素

$("form1 :reset").show() 獲取所有重置按鈕元素

$("form1 :button").show() 獲取所有按鈕元素

$("form1 :file").show() 獲取所有檔案元素

Ubuntu權威指南學習筆記

安裝步驟 進入bois介面,設定usb優先啟動,進入ubuntu的安裝介面 一些簡單的前期設定這裡直接忽略,主要說明一下磁碟分割槽。1 至少需要兩個磁碟分割槽,分別用於建立 檔案系統與交換分割槽。其中,linux系統使用交換分割槽提供虛擬記憶體,在乙個32位的pc中,不超過2gb。2 若磁碟儲存空間...

HTTP權威指南學習筆記

一直以為學習前端只需要掌握js語法 html語法 css就夠了,確實沒有想到還需要很多知識點,今天來細細學習http。乙個http請求由4部分組成 伺服器返回的http相應包含3部分 乙個數字和文字組成的狀態碼,用來顯示請求的成功和失敗 乙個響應頭集合 響應主體 最常用的web伺服器是apache和...

css權威指南學習筆記

替換元素 用來替換元素內容的部分並非有文件內容直接表示。元素也是替換元素,單選鈕,核取方塊,文字輸入框。非替換元素 段落,標題,表單元格,列表。除了替換和非替換元素,css2.1還使用另外兩種基本元素型別 塊級元素和行內元素。塊級元素生成乙個元素框,會填充其父元素的內容區,旁邊不能有其他元素。例 行...