jQuery 基础选择器/层级选择器/隐式迭代
生活随笔
收集整理的這篇文章主要介紹了
jQuery 基础选择器/层级选择器/隐式迭代
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
jQuery 選擇器?
jQuery 層級選擇器
隱式迭代(重要)
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><script src="jquery.min.js"></script> </head><body><div>驚喜不,意外不</div><div>驚喜不,意外不</div><div>驚喜不,意外不</div><div>驚喜不,意外不</div><ul><li>相同的操作</li><li>相同的操作</li><li>相同的操作</li></ul><script>// 1. 獲取四個div元素 console.log($("div"));// 2. 給四個div設置背景顏色為粉色 jquery對象不能使用style$("div").css("background", "pink");// 3. 隱式迭代就是把匹配的所有元素內部進行遍歷循環,給每一個元素添加css這個方法$("ul li").css("color", "red");</script> </body></html>總結
以上是生活随笔為你收集整理的jQuery 基础选择器/层级选择器/隐式迭代的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jQuery 对象和 DOM 对象
- 下一篇: jQuery 里面的排他思想