ultrawyy(ul li)

導讀 您好,肖大哥就為大家解答關于ultrawyy,ul li相信很多小伙伴還不知道,現在讓我們一起來看看吧!1、ul > li 表示取ul下的所有 標簽是li...

您好,肖大哥就為大家解答關于ultrawyy,ul li相信很多小伙伴還不知道,現在讓我們一起來看看吧!

1、ul > li 表示取ul下的所有 標簽是li的子節點,ul li 表示取ul下的所有li節點。

2、操作方法如下:新建一個html文件,命名為test.html。

3、2、在test.html文件內,引入jquery.min.js庫文件,成功加載該文件,才能使用jquery中的方法。

4、3、在test.html文件內,使用ul標簽創建一個項目列表,在ul內,使用li創建三個項目,并且使用p標簽創建一行文字。

5、4、在test.html文件內,使用button標簽創建一個按鈕,按鈕名稱為“設置樣式”。

6、5、在test.html文件內,給button按鈕綁定onclick點擊事件,當按鈕被點擊時,執行setcss()函數。

7、6、在js標簽中,創建setcss()函數,在函數內,通過“ul>li”獲得ul下面的li對象,使用css()方法設置它們的border-bottom屬性為“3px solid red”,即li元素的下劃線為3px的紅實線 。

8、7、最后在瀏覽器打開test.html文件,點擊按鈕,查看實現的效果。

本文就講到這里,希望大家會喜歡。

免責聲明:本文由用戶上傳,如有侵權請聯系刪除!