JQuery 過濾選擇器 與屬性修改的方法演示比較

2022-06-01 13:48:11 字數 756 閱讀 3372

在表單輸入項裡面輸入值,根據輸入值,點選判斷按鈕,讓對應的核取方塊選中

請輸入城市:

城市核取方塊:

北京 南京

上海

點選按鈕,獲取核取方塊狀態為選中的個數,並將結果彈出在頁面

基礎頁面效果如下:

當核取方塊被選中時,核取方塊對應的文字顏色為紅色;

當核取方塊未被選中時,核取方塊對應的文字顏色為黑色;

基礎頁面效果如下:

div顯示&隱藏

獲取所有隱藏div,讓隱藏div顯示,並且改變背景顏色,點選關閉按鈕,所有div恢復到初始狀態

中國萬歲

世界萬歲

宇宙萬歲

jquery屬性過濾選擇器

div id addclass highlight 查詢所有含有id屬性的div元素 input name basketball attr checked true name屬性值為basketball的input元素選中 input name basketball attr checked tru...

jQuery之屬性過濾選擇器

在html文件中,元素的開始標記中通常包含有多個屬性 attribute 在jquery中,除了直接使用id和class屬性作為選擇器之外,還可以根據各種屬性 如title等 對由選擇器 查詢到的元素進行過濾,屬性過濾選擇器包含了在中括號 中,而不是以冒號開頭,通常使用 選擇器 屬性過濾選擇器 語法...

jQuery之子屬性過濾選擇器

1 first child選擇器 用於選擇其父級的第乙個子元素的所有元素,格式 selector first child 如 ul first child css text decoration underline css color blue 2 last child選擇器 用於選擇其父級的最後乙...