新建一個html文件,定名為test.html,用于講解若何利用jquery獲取下一個指心猿意馬class的元素。
在test.html頁面內,利用script標簽加載jquery.min.js文件,這是利用jquery方式必需加載的文件。
在test.html頁面,利用div建立一個模塊,在div標簽內,建立多個p標簽文字段落,并設置其部門class屬性為intro。
在test.html頁面,在script標簽內,利用$(document).ready()方式在頁面加載時執行一個function函數,將在函數內編寫實現結果的邏輯代碼。
在js內,獲得p元素對象,并利用filter()方式過濾失落class屬性不是intro的p元素,代碼如下:
在js內,再利用eq()方式獲得下一個p元素對象,這時以第一個p元素為尺度,下一個就是eq(1),將獲得的p元素對象利用css()方式設置其布景顏色為黃色。代碼如下:
在瀏覽器打開test.html頁面,查看頁面結果,可見,當作功獲得class為intro的p元素的下一個元素,并設置其布景為黃色。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!