首先介绍一下prototype
Prototyppe
是最早成型的js库之一,对js的内置对象(String对象、Array对象等)做了大量的扩展。现在还有很多项目使用Prototype 。
Prototype可以看做是把很多有用的JavaScript的方法组合在一起而形成的JavaScript库。使用者可以在需要的时候随时把极端代码抽出来放进自己的脚本里
现在总结使用jQuery语法
jQuery选择器(基本、表单、层次、过滤)
基本选择器 通过id class 和标签名来查找DOM元素。
#id .class element * selector1,selector2,...selectorN
过滤选择器 过滤规则选择DOM元素(与CSS中的伪类选择器语法相同,都以:开头)
:first $("div:first") 选取所有<div>元素中第一个<div>元素
:last $("div:last") 选取所有<div>元素中最后一个<div>元素
:not(selector) $("input:not(.myclass)") 选取class不是myclass的<input>元素
:even $("input:even") 选取索引是偶数的<input>元素
:odd $("input:odd") 选取索引是奇数的<input>元素
:eq(index) $("input:eq(1)") 选取索引等于1的<input>元素
:gt(index) $("input:gt(1)") 选取索引大于1的<input>元素
:lt(index) $("input:lt(1)") 选取索引小于1的<input>元素
:header $(":header" ) 选取网页中所有的<h1> <h2>....
:animated $("div:animated") 选取正在执行动画的div元素
:focus $(":focus") 选取当前获取焦点的元素
:hidden $(":hidden") 选取所有不可见的元素
:visible $("div:visible") 选取所有可见的div元素
:contains $("div:contains('wo')")
:empty $("div:empty")
:has(selector) $("div:has(p)")
:parent $("div:parent")
属性过滤选择器
[attribute] 拥有属性
[attribute=value] 等于
[attribute!=value] 不等于
[attribute^=value] 以开始
[attribute$=value] 以结束
[attribute*=value] 包含
[attribute|=value] 等于或为前缀
[attribute~=value] 用空格分隔的值中包含
[attribute1][attribute2][attributeN]
子元素过滤选择器 p44
:nth-child(index/even/odd/equation) 每个父元素下第index个子元素或者奇偶元素
:first-child 每个父元素的第一个子元素
:last-child 每个父元素的最后一个子元素
:only-child 父元素中只有一个元素的
表单选择器 选择表单的某个或某类型的元素
:input
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden
:enabled
:disabled
:checked
:selected
层次选择器 通过层次关系获取元素
$("ancestor descendant") 选取ancestor元素里面的descendant(后代)元素
$("parent>child") 选取parent元素下的child(子)元素
$("prev+next") 选取紧接在prev元素后的next元素。等价next() $(".one+div")=$(".one").next("div")
$("prev~siblings") 选取prev元素之后的所有siblings元素
$("#prev~div")=$("#prev").nextAll("div")