JQuery入门基础（一）

入门

JQ中根据ID查找元素

全都是根据选择器去找的
#ID{}
.类名{}
$("#ID的名称")

JQuery中的选择器

基本选择器

• ID选择器 : #ID的名称
• 类选择器: 以 . 开头 .类名
• 元素选择器: 标签的名称
• 通配符选择器: *
• 选择器,选择器: 选择器1,选择器2

​

JQ中的层级选择器

• 子元素选择器: 选择器1 > 选择器2
• 后代选择器: 选择器1 儿孙
• 相邻兄弟选择器 : 选择器1 + 选择器2 : 找出紧挨着的一个弟弟
• 找出所有弟弟: 选择器1~ 选择器2 : 找出所有的弟弟

JQ中的基本过滤器

• 第一个元素 :first
• 最后一个 :last
• 偶数 :even
• 奇数 :odd
• 大于 :gt
• 小于 :lt
• 等于 :eq

JQ中的属性选择器

• 选择器[属性] 单个属性
• 选择器[属性1 ] [属性2 ] 多个属性
• 选择器[] [属性= 属性值] 确定的属性值

JQ中的表单过滤器

• ：text
• option:selecte
• js和jq的转换
  • js转jq
    • $(js对象)
  • jq转js
    • jq对象[0]

JQ和JS之间的转换

• JQ对象，只能调用jq的属性和方法
• js对象，只能调用js的属性和方法