小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。
1、什么 jquery ?
是 JavaScript 的一个类库
2、jquery 好处
1、代码简洁 2、兼容性好 用 jq 实现的用 js 一定能实现 反过来不一定
选择器 、 属性操作、内容操作、样式操作、文档操作 、 动画、事件、插件、ajax
3、jquery 选择器
注意 : 通过 jquery 方式查找到的元素 不能使用 js 的方式操作 样式、属性、内容... $("").style.color = "" 错 通过 js 方式查找到的元素 不能使用 jq 的各种方法操作 样式、属性、内容... document.getElementById().css() 错
基本选择器 :
- id 选择器
$("#id名") - 类选择器
$(".class名") - 标签选择器
$("html 标签") - 组合选择器
$("id,class") - 通用选择器
$("\*")查找所有的标签
层级选择器 : 空格 查找当前元素里面的所有后代元素
查找当前元素里面的所有子代元素 + 查找当前元素下面的紧邻的兄弟节点 ~ 查找当前元素下面的所有的兄弟节点
查找过滤选择器(都是方法) :
- first()
- last()
- eq(下标) 下标从 0 开始
- find() $("div.box").find("span") 查找给定元素的后代
- children() 查找给定元素的子代 ().children()
- next() ("p").next("span")指定的下一个元素
- prev() 前一个 用法同 next()
- nextAll() 下面所有的 可以指定参数 也可以不指定
- prevAll() 前一个所有
- siblings() 除了自身之外的所有兄弟元素(也可以指定参数)
- parent() 查找某个元素的父元素
- filter() 参数可以是一个回调函数 $("p").filter(function(){ return 条件;返回满足某个条件的 p 元素 })
not() 除了...之外