JavaScript必备小知识-jquery学习(一)

115 阅读1分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

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("span") ().children("span")   ().children()
  • next()   ("p").next()   ("p").next()       ("p").next("span")指定的下一个元素
  • prev()   前一个   用法同 next()
  • nextAll()    下面所有的   可以指定参数 也可以不指定
  • prevAll()   前一个所有
  • siblings()   除了自身之外的所有兄弟元素(也可以指定参数)
  • parent()     查找某个元素的父元素
  • filter()     参数可以是一个回调函数         $("p").filter(function(){             return 条件;返回满足某个条件的 p 元素         })

not()   除了...之外