韩顺平-javaWeb2022(JQuery笔记简)

JQuery

JQuery在线手册网址:

(https://jquery.cuishifeng.cn/)

JQuery基本简介

---

Jquery下载地址:(https://jquery.com/download/)

传统获取方式DOM对象

---

JQuery(对象):

---

---

---

DOM对象->JQuery对象

只需将DOM对象放入$(DOM对象名),前提是:在有DOM对象的情况下;

---

JQuery对象->DOM对象:

JQuery对象是数组对象

---

---

JQuery选择器

基本选择器

---

基础过滤选择器

查阅JQuery手册网址：(https://jquery.cuishifeng.cn/)

---

**示例:**指定CSS格式

---

层级选择器

• 

• ---

  ancestor descendant

---

• parent > child

---

• prev + next

---

• prev ~ siblings

---

基础文本选择器:

• :contains(text)

  不包含

  

  ---

• :empty

• :has(selector)

  

  ---

• :parent

可见度过滤选择器

• :hidden

---

• 使用JQuery方法遍历

each

---

• :visible

属性选择器

• [attribute]

• [attribute=value]

• [attribute!=value]

  

  ---

• [attribute^=value]

• [attribute$=value]

• [attribute*=value]

• [attrSel1][attrSel2][attrSelN]

子元素过滤选择器

• :first-child
• :first-of-type1.9+
• :last-child
• :last-of-type1.9+
• :nth-child
• :nth-last-child()1.9+
• :nth-last-of-type()1.9+
• :nth-of-type()1.9+
• :only-child
• :only-of-type1.9+

表单选择器

• 表单

  • :input
  • :text
  • :password
  • :radio
  • :checkbox
  • :submit
  • :image
  • :reset
  • :button
  • :file

• 表单对象属性

  • :enabled
  • :disabled
  • :checked
  • :selected

• 混淆选择器

  • $.escapeSelector(selector)3.0+