JavaWeb-JQuery (1)

jQuery核心函数

$(参数);
当参数不同时，函数的作用也不同。
当参数为：

• 函数：相当于window.onload();
• HTML字符串：根据这个字符串创建元素节点对象。
• 选择器字符串：查找元素节点对象。
• #id
• Dom对象：包装成JQuery对象返回。

本质

jQuery是Dom对象数组 + jQuery提供的功能函数

Dom对象与jQuery对象不能互用
Dom对象转jQuery ： $()
jQuery转Dom：取下标

选择器==（重点）==

注意：jQuery过滤选择器中，加空格是对其子元素的过滤，不加空格是对自己过滤

基础选择器

• #ID 选择器：根据 id 查找标签对象
• .class 选择器：根据 class 查找标签对象
• element 选择器：根据标签名查找标签对象
• * 选择器：表示任意的，所有的元素
• selector1，selector2 组合选择器：合并选择器 1，选择器 2 的结果并返回

层级选择器

• ancestor descendant 后代选择器 ：在给定的祖先元素下匹配所有的后代元素
• parent > child 子元素选择器：在给定的父元素下匹配所有的子元素
• prev + next 相邻元素选择器：匹配所有紧接在 prev 元素后的 next 元素
• prev ~ sibings 之后的兄弟元素选择器：匹配 prev 元素之后的所有 siblings 元素

过滤选择器

基本过滤器

• :first 获取第一个元素
• :last 获取最后个元素
• :not(selector) 去除所有与给定选择器匹配的元素
• :even 匹配所有索引值为偶数的元素，从 0 开始计数
• :odd 匹配所有索引值为奇数的元素，从 0 开始计数
• :eq(index) 匹配一个给定索引值的元素
• :gt(index) 匹配所有大于给定索引值的元素
• :lt(index) 匹配所有小于给定索引值的元素
• :header 匹配如 h1, h2, h3 之类的标题元素
• :animated 匹配所有正在执行动画效果的元素

属性过滤器

• [attribute] 匹配包含给定属性的元素。
• [attribute=value] 匹配给定的属性是某个特定值的元素 [attribute!=value] 匹配所有不含有指定的属性，或者属性不等于特定值的元素。
• [attribute^=value] 匹配给定的属性是以某些值开始的元素
• [attribute$=value] 匹配给定的属性是以某些值结尾的元素
• [attribute*=value] 匹配给定的属性是以包含某些值的元素
• [attrSel1][attrSel2][attrSelN]复合属性选择器需要同时满足多个条件时使用。

表单过滤器

• :input 匹配所有 input, textarea, select 和 button 元素
• :text 匹配所有 文本输入框
• :password 匹配所有的密码输入框
• :radio 匹配所有的单选框
• :checkbox 匹配所有的复选框
• :submit 匹配所有提交按钮
• :image 匹配所有 img 标签
• :reset 匹配所有重置按钮
• :button 匹配所有 input type=button 按钮
• :file 匹配所有 input type=file 文件上传
• :hidden 匹配所有不可见元素
• display:none 或 input type=hidden