-
jQuery提供的存儲接口 jQuery.data( element, key, value ) //靜態接口,存數據 jQuery.data( element, key ) //靜態接口,取數據 .data( key, value ) //實例接口,存數據 .data( key ) //實例接口,取數據查看全部
-
總結： .addClass與.css方法各有利弊，一般是靜態的結構，都確定了布局的規則，可以用addClass的方法，增加統一的類規則 如果是動態的HTML結構，在不確定規則，或者經常變化的情況下，一般多考慮.css()方式查看全部
-
.css方法：獲取元素樣式屬性的計算值或者設置元素的CSS屬性 獲取： 1. .css(propertyName)：獲取匹配元素集合中的第一個元素的樣式屬性的計算值 2. .css(propertyNames)：傳遞一組數組，返回一個對象結果 設置： 1. .css(propertyName,value)：設置CSS 2. .css(propertyName,function)：可以傳入一個回調函數，返回取到對應的值進行處理 3. .css(properties)：可以傳一個對象，同時設置多個樣式 注意事項： 瀏覽器屬性獲取方式不同，在獲取某些值的時候都jQuery采用統一的處理，比如顏色采用RBG，尺寸采用px .css()方法支持駝峰寫法與大小寫混搭的寫法，內部做了容錯的處理 當一個數只被作為值（value）的時候， jQuery會將其轉換為一個字符串，并添在字符串的結尾處添加px，例如 .css("width",50}) 與 .css("width","50px"})一樣查看全部
-
toggleClass( )方法：在匹配的元素集合中的每個元素上添加或刪除一個或多個樣式類,取決于這個樣式類是否存在或值切換屬性。即：如果存在（不存在）就刪除（添加）一個類 .toggleClass( className )：在匹配的元素集合中的每個元素上用來切換的一個或多個（用空格隔開）樣式類名 .toggleClass( className, switch )：一個布爾值，用于判斷樣式是否應該被添加或移除 .toggleClass( [switch ] )：一個用來判斷樣式類添加還是移除的 布爾值 .toggleClass( function(index, class, switch) [, switch ] )：用來返回在匹配的元素集合中的每個元素上用來切換的樣式類名的一個函數。接收元素的索引位置和元素舊的樣式類作為參數 注意事項： toggleClass是一個互斥的邏輯，也就是通過判斷對應的元素上是否存在指定的Class名，如果有就刪除，如果沒有就增加 toggleClass會保留原有的Class名后新增，通過空格隔開查看全部
-
removeClass( )方法 .removeClass( [className ] )：每個匹配元素移除的一個或多個用空格隔開的樣式名 .removeClass( function(index, class) ) ： 一個函數，返回一個或多個將要被移除的樣式名 注意事項 如果一個樣式類名作為一個參數,只有這樣式類會被從匹配的元素集合中刪除 。 如果沒有樣式名作為參數，那么所有的樣式類將被移除查看全部
-
.addClass( className )方法 .addClass( className ) : 為每個匹配元素所要增加的一個或多個樣式名 .addClass( function(index, currentClass) ) : 這個函數返回一個或更多用空格隔開的要增加的樣式名 注意事項： .addClass()方法不會替換一個樣式類名。它只是簡單的添加一個樣式類名到元素上查看全部
-
.val()方法 1. .val()無參數，獲取匹配的元素集合中第一個元素的當前值 2. .val(value),設置匹配的元素集合中每個元素的值 3. .val(function),一個用來返回設置值得函數 注意事項： 1. 通過.val()處理select元素，當沒有選擇項被選中，它返回null 2. .val()方法多用來設置表單的字段的值 3. 如果select元素有multiple(多選)屬性，并且至少一個選擇項被選中， .val()方法返回一個數組，這個數組包含每個選中選擇項的值 .html(),.text()和.val()的差異總結： .html(),.text(),.val()三種方法都是用來讀取選定元素的內容；只不過.html()是用來讀取元素的html內容（包括html標簽），.text()用來讀取元素的純文本內容，包括其后代元素，.val()是用來讀取表單元素的"value"值。其中.html()和.text()方法不能使用在表單元素上,而.val()只能使用在表單元素上；另外.html()方法使用在多個元素上時，只讀取第一個元素；.val()方法和.html()相同，如果其應用在多個元素上時，只能讀取第一個表單元素的"value"值，但是.text()和他們不一樣，如果.text()應用在多個元素上時，將會讀取所有選中元素的文本內容。 .html(htmlString),.text(textString)和.val(value)三種方法都是用來替換選中元素的內容，如果三個方法同時運用在多個元素上時，那么將會替換所有選中元素的內容。 .html(),.text(),.val()都可以使用回調函數的返回值來動態的改變多個元素的內容。查看全部
-
attr()有4個表達式 1.attr(傳入屬性名)：獲取屬性的值 2.attr(屬性名，屬性值)：設置屬性的函數值 3.attr(屬性名，函數值)：設置屬性的函數值 4.attr(attributes)：給指定元素設置多個屬性值，即：{屬性名一：“屬性值”，屬性名二：“屬性值二”，... ...} removeAttr()刪除方法 .removeAttr(attributeName)：為匹配的元素集合中的每個元素中移除一個屬性（attribute） 注意的問題： dom中有個概念的區分：Attribute和Property翻譯出來都是“屬性”，《js高級程序設計》書中翻譯為“特性”和“屬性”。簡單理解，Attribute就是dom節點自帶的屬性查看全部
-
頁面的任何操作都需要節點的支撐，開發者如何快速高效的找到指定的節點也是前端開發中的一個重點。查看全部
-
$(document).ready 的意思是等頁面的文檔（document）中的節點都加載完畢后，在執行后續的代碼，因為我們在執行代碼的時候，可能會依賴頁面的某一個元素，我們要確保這個元素真正的的被加載完畢后才能正確的使用。查看全部
-
jquery 1.x版本適用于老版本IE瀏覽器，考慮兼容性用這版 2.x版本主要為移動端進行優化，速度快查看全部
-
$(":enabled") ==》 選取可用的表單元素 $(":disabled") ==》 選取不可用的表單元素 $(":checked") ==》 選取被選中的<input>元素 $(":selected") ==》 選取被選中的<option>元素 注意事項： 選擇器適用于復選框和單選框，對于下拉框元素, 使用 :selected 選擇器 在某些瀏覽器中，選擇器:checked可能會錯誤選取到<option>元素，所以保險起見換用選擇器input:checked，確保只會選取<input>元素查看全部
-
表單元素選擇器 $(":input") ==》 選擇所有input,textarea,select和button元素 $(":text") ==》匹配所有文本框 $(":password") ==》 匹配所有密碼框 $(":radio") $(":checkbox") $(":submit") $(":image") $(":reset") $(":button") $(":file") ==》 匹配所有文件域 注意事項： 除了input篩選選擇器，幾乎每個表單類別篩選器都對應一個input元素的type值。大部分表單類別篩選器可以使用屬性篩選器替換。比如 $(':password') == $('[type=password]')查看全部
-
子元素選擇器 $(":first-child") ==》 選擇所有父級元素下的第一個子元素 $(":last-child") ==》 選擇所有父級元素下的最有一個子元素 $(":only-child") ==》 選擇某個元素是其父元素的唯一子元素，那么它就會被選中 $(":nth-child") ==》 選擇的他們所有父元素的第n個子元素 $(":nth-last-child") ==》 選擇所有他們父元素的第n個子元素，計數從最后一個元素開始到第一個查看全部
-
屬性選擇器 $(":[attribute |= 'value']") ==》 選擇指定屬性值等于給定字符串或以該字符串為前綴（該字符串后跟一個連字符"-"）的元素 $(":[attribute *= 'value']") ==》 選擇指定屬性具有包含一個給定的子字符串的元素。（選擇給定的屬性是以包含某些值得元素） $(":[attribute ~= 'value']") ==》 選擇指定屬性用空格分隔的值中包含一個給定值得元素。 $(":[attribute = 'value']") ==》 選擇指定屬性是給定值得元素 $(":[attribute != 'value']") ==》 選擇不存在指定屬性，或者指定的屬性值不等于給定值得元素 $(":[attribute ^= 'value']") ==》 選擇指定屬性是以給定字符串開始的元素 $(":[attribute $= 'value']") ==》 選擇指定屬性是以給定值結尾的元素。這個比較是區分大小寫的 $(":[attribute]") ==》 選擇所有具有指定屬性的元素，該屬性是可以是任何值 $(":[attributeFilter1][attributeFilterN]") ==》 選擇匹配所有指定的屬性篩選器的元素 瀏覽器支持： [att=val]、[att]、[att|=val]、[att~=val] 屬于CSS 2.1規范 [ns|attr]、[att^=val]、[att*=val]、[att$=val] 屬于CSS3規范 [name!="value"] 屬于jQuery 擴展的選擇器 [attr="value"]能幫我們定位不同類型的元素，特別是表單form元素的操作，比如說input[type="text"],input[type="checkbox"]等 [attr*="value"]能在網站中幫助我們匹配不同類型的文件查看全部
舉報
0/150
提交
取消