JQ基础

**

单词

**
toggle:切换
each:每个(遍历)
append:追加(内部追加,将B追加到A的内部结尾处)
appendTo:追加(内部追加,将A追加到B的内部结尾处)
prepend:追加(内部追加,将B追加到A的内部开始处)
prependTo:追加(内部追加,将A追加到B的内部开始处)
find:查找
after(content | fn) 后来,以后(外部追加,在content后面追加)
before(content | fn) 以前,在前(外部追加,在content前面追加)
insertAfter(content) 插入(外部追加,在content后面插入)
insertBefore(content) 插入(外部追加,在content前面插入)
empty:空的(清空当前节点之后的所有节点内容)
remove:移除
detach:分离
validate:校验
rule:规则
required:必须
digits:数字(证书)
minlength:最小长度
equal 相等

总结

jquery的选择器
基本选择器
id选择器:$(“#id名称”);

元素选择器:$(“元素名称”);

类选择器:$(“.类名”);

通配符:*

多个选择器共用(并集)

案例代码:



   

   基本选择器

   

   

       





   

   

   

   

   

   
111
222
333
444
555
666

层级选择器

ancestor descendant: 在给定的祖先元素下匹配所有的后代元素(儿子、孙子、重孙子)

parent > child : 在给定的父元素下匹配所有的子元素(儿子)

prev + next: 匹配所有紧接在 prev 元素后的 next 元素(紧挨着的,同桌)

prev ~ siblings: 匹配 prev 元素之后的所有 siblings 元素(兄弟)

代码演示:



   

   层级选择器

   

   

   

  

  





   

   

   

   

  

   
111
222
333
444
555
666

基本过滤选择器
( ′ l i ′ ) . f i r s t ( ) 等 价 于 : ('li').first() 等价于: (li).first()(“li:first”)

代码案例演示:



   

   基本过滤选择器

   

   

   

  





   

   

   

   

  

   
111
222
333
444
555
666

属性选择器



   

   层级选择器

   

   

   





   

   

  

   
111
222
333
444
555
666

表单选择器



   

   表单选择器

   

   

   





   

   

   










你可能感兴趣的:(JQ基础)