jQuery通過多個屬性篩選元素程式碼例項
不得不說jQuery是一款非常方便優秀的功能,下面就介紹一下它一個比較突出的功能,就是通過多個屬性篩選元素,當然這是比較基礎的知識,希望能夠給需要的朋友帶來一定的幫助。
程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#bt").click(function(){ $("input[type=text][name=address]").css("color","green"); }) }) </script> </head> <body> <input type="text" name="username" value="螞蟻部落"/> <input type="text" name="address" value="青島市南區"/> <input type="text" name="age" value="3"/> <input type="button" id="bt" value="檢視效果"/> </div> </body> </html>
相關文章
- js通過type屬性值篩選input元素程式碼例項JS
- jQuery type屬性值篩選input元素jQuery
- 使用jquery篩選和過濾陣列程式碼例項jQuery陣列
- jQuery新增和刪除元素class屬性例項程式碼jQuery
- jquery通過name屬性匹配元素jQuery
- :eq()選擇器匹配多個元素程式碼例項
- jQuery css()設定和獲取元素css屬性值程式碼例項jQueryCSS
- jQuery根據多個屬性匹配元素jQuery
- css屬性選擇器程式碼例項CSS
- jQuery選項卡例項程式碼jQuery
- javascript通過class屬性獲取元素的程式碼JavaScript
- JQuery選擇器——可見性篩選選擇器和屬性篩選選擇器jQuery
- jquery刪除前n個li元素程式碼例項jQuery
- jquery刪除指定元素程式碼例項jQuery
- jquery獲取元素高度程式碼例項jQuery
- jQuery利用name匹配元素程式碼例項jQuery
- jQuery獲取當前元素上一個兄弟元素例項程式碼jQuery
- javascript通用獲取元素樣式屬性值程式碼例項JavaScript
- javascript動態改變iframe元素src屬性程式碼例項JavaScript
- 使用jQuery刪除一個元素節點程式碼例項jQuery
- jQuery獲取指定元素的父元素程式碼例項jQuery
- js通過拖動調整元素位置程式碼例項JS
- jquery刪除指定子元素程式碼例項jQuery
- jquery獲取同輩元素程式碼例項jQuery
- jQuery複製頁面元素程式碼例項jQuery
- jquery動態新增li元素程式碼例項jQuery
- jQuery tab選項卡效果程式碼例項jQuery
- 通過js一次性為元素設定多個樣式屬性JS
- 用jQuery獲取指定前幾個li元素程式碼例項jQuery
- jquery如何獲取li元素的前n個程式碼例項jQuery
- 利用jQuery查詢子元素和父元素程式碼例項jQuery
- 使用jquery獲取指定元素的子元素程式碼例項jQuery
- 通過clss屬性查詢元素
- js prototype屬性使用程式碼例項JS
- javascript的cssText屬性程式碼例項JavaScriptCSS
- 過濾陣列元素程式碼例項陣列
- jQuery獲取當前元素的上一個或者下一個元素程式碼例項jQuery
- jQuery操作iframe子頁中元素程式碼例項jQuery