jquery 如何選擇帶有自定義屬性的標簽

在jquery中 , 可以通過元素名稱和自定義屬性作為對象選擇器 , 便可以獲得相應的標簽對象 。 下面以獲得帶有自定義屬性的p標簽內容為例 , 講解jquery如何選擇帶有自定義屬性的標簽 。

jquery 如何選擇帶有自定義屬性的標簽



需要這些哦
html+jquery
代碼編纂器:Dreamweaver CS5
方式/
1新建一個html文件 , 定名為test.html , 用于講解jquery若何選擇帶有自界說屬性的標簽 。
jquery 如何選擇帶有自定義屬性的標簽



2在test.html文件內 , 利用p標簽建立一行文字 , 例如 , “這是一行測試的文字” 。
jquery 如何選擇帶有自定義屬性的標簽



3在test.html文件內 , 給p標簽添加一個自界說屬性data-id , 設置其為屬性值為123 。
jquery 如何選擇帶有自定義屬性的標簽



4在test.html文件內 , 利用button標簽建立一個按鈕 , 按鈕名稱為“獲取指定標簽內容” 。
jquery 如何選擇帶有自定義屬性的標簽



5在test.html文件中 , 給button按鈕綁定onclick點擊事務 , 當按鈕被點擊時 , 執行getobj函數 。
jquery 如何選擇帶有自定義屬性的標簽



6在js標簽中 , 建立getobj()函數 , 在函數內 , 經由過程元素名稱和自界說屬性對象選擇器(p[data-id="123"])便可選擇對應的標簽對象 , 利用text()方式獲得對象的內容 , 最后 , 利用alert()方式輸出內容 。
jquery 如何選擇帶有自定義屬性的標簽



7在瀏覽器打開test.html文件 , 點擊按鈕 , 查看成果 。
jquery 如何選擇帶有自定義屬性的標簽



總結:1【jquery 如何選擇帶有自定義屬性的標簽】1、建立一個test.html文件 。
2、在文件內 , 利用p標簽建立一行文字 , 并給p標簽添加一個自界說屬性data-id , 同時建立一個button按鈕 , 用于觸發執行js函數 。
3、在js標簽內 , 建立函數 , 在函數內 , 經由過程元素名稱和自界說屬性對象選擇器(p[data-id="123"])便可選擇對應的標簽對象 , 利用text()方式獲得對象的內容 , 最后 , 利用alert()方式輸出內容 。

注重事項"[]"括號對象選擇器 , 可以指定任何自界說屬性來操作 。

以上內容就是jquery 如何選擇帶有自定義屬性的標簽的內容啦 , 希望對你有所幫助哦!

    猜你喜歡