jquery精品笔记

一 一 Outer insert jQuery方法 方法 1 after content 在每个匹配的元素之后插入内容 city after p2 2 before content 在每个匹配的元素之前插入内容 city before p2 3 insertAfter content 把所有的匹配的元素插入到另一个 指定的元素元素集合 的后面 p2 insertAfter bj 4 insertBefore content 把所有匹配的元素插入到另一个 指定的元素元素集 合的前面 p1 insertBefore bj 二二 inner insert jQuery追加方法追加方法 1 append content 向每个匹配的与三俗的内部的结尾处追加内容 city append xj 2 appendTo content 将每个匹配的元素追加到指定的元素中的内部结尾处 fk appendTo city 3 prepend content 向每个匹配的元素的内部的开始处插入内容 city prepend xj 4 prependTo content 将每个匹配的元素插入到指定的元素内部的开始处 fk prependTo city 三三 可见过滤选择器可见过滤选择器 b1 click function div visible css background red b2 click function div hidden show css background red 用jquery寻找Element的属性的方法 var hid input hidden b3 click function var hid input hidden hid each function index domEl 使用dom对象的方法 alert this value 使用jquery的方法 alert this val 三三 表单属性过滤选择器表单属性过滤选择器 input type button value 利用jQuery对象的val 方法改变表单内可用 元素的值 id b1 方法一 先遍历在赋值 b1 click function input type text enabled each function index domEle this val 刘英杰 方法二 直接赋值 b1 click function input type text enabled val 英杰 input type button value 利用jQuery对象的val 方法改变表单内不可用 元素的值 id b2 b2 click function input type text disabled val 英杰 关于 each Object function index domEle 和 dd each function index domEle 的用法 b3 click function 方法一 each input type checkbox checked function index domEle alert this val alert input type checkbox checked length 方法二 input type checkbox checked each function index domEle alert this val b4 click function each select option selected function index domEle alert this val 四四 内容过滤选择器内容过滤选择器 b1 click function div contains di css background red b2 click function div empty css background purple b3 click function div has mini css background red div class mini css background red input type button value 改变含有子元素 或者文本元素 的元素的背 景色为 0000FF id b4 b4 click function div parent css background red b5 click function div not contains di css background red 五五 层次选择器层次选择器 1 ancestor descendant 用法 forminput b1 click function body div css background red 2 parent child 用法 form input input type button value 改变内子的背景颜色为 FF0033 id b2 b2 click function body div css background purple 3 pre next 用法 lable input input type button value 改变id为one的下一个的背景色为 0000FF id b3 b3 click function one div css background red 4 pre siblings 用法 form input input type button value 改变id为two的元素后面的所有兄弟的元素的 背景色为 0000FF id b4 b4 click function two div css background red 2 parent child 用法 form input input type button value 改变id为two的元素所有兄弟元素的背景色为 0000FF id b5 b5 click function two siblings div css background red 六六 子元素过滤选择器子元素过滤选择器 b1 click function div class one nth child 2 css background red b2 click function div class one first child css background red b3 click function div class one last child css background red b4 click function div class one only child css background red 七七 基础过滤选择器基础过滤选择器 b1 click function div first css background red b2 click function div last css background red b3 click function div not one css background red b4 click function div even css background red b5 click function div odd css background red b6 click function div gt 3 css background red b7 click function div eq 3 css background purple b8 click function div lt 3 css background red b9 click function header css background red function ca mover slideToggle fast ca ca b10 click function animated css background red 八八 基础选择器基础选择器 1 id 用法 id id值 b1 click function one css background red 2 Element 用法 div 元素 input type button value 改变元素名为的所有元素的背景色为 00FFFF id b2 b2 click function div css background red 3 class 用法 myclass css类 b3 click function mini css background red 4 用法 b4 click function css background red 5 将每一个选择器合并在一起再返回 span two b5 click function span two css background red 九九 属性过滤选择器属性过滤选择器 b1 click function div title css background red b2 click function div title test css background red b3 click function div title test css background red b4 click function div title te css background red b5 click function div title est css background red b6 click function div title es css background red b7 cli