JQ笔记

参数形式
$("input:text",document.forms[0])选择form[0]所有input=text
$("<p>123</p>")直接对字符串标签操作
$(document.body)直接对标签操作
$(function(){})直接操作函数

each(callback)
$("ul").each({function(index){ this.li.html("xxx")}})

get(i)
$("li").get(3)

选择器
$(document)整个文档选择
$("#id") ID选择器
$(".class") 类选择器 延伸：$("div.class") 复合选择器 标签+类
$("input[type=text]")属性选择器

表达式选择器
$("a:first")第一个a元素
$("tr:odd")选择tr的奇数行
$("#form:input")选择from中的input
$("div:visible")选择可见的DIV
$("div:gt(2)")选择前三个DIV

对象函数
.html() 取出或者设置html
.text() 取出或者设置text内容
.attr() 取出或者设置属性的值
.width()取出或者设置属性的宽度
.height()取出或者设置属性的高度
.val()取出或则设置某个表单的值

筛选器
$("div").has("p") 选择包含P元素的DIV
$("div").not(".class")选择不属于class类的div
$("div").filter(".class")选择类为class的div
$("div").first()选择第一个div
$("div").eq(index)选择第index+1个div

$("div").next("p")选择div后第一个P
$("div").parent() 选择div的父元素
$("div").cliset("form")离div最近的form的父元素
$("div").children()选择div的子元素
$("div").siblings()选择div的同级元素

文档处理
.clone()复制元素
.remove()直接删除对象
.detach()保留被删除元素的事件
.empty()清空元素的内容
.append()追加元素

事件
blur()表单失去焦点
click()鼠标点击
focusin()子元素获取焦点
keypress()按下键盘
load()元素加载完毕
mouseenter()鼠标进入
change()表单元素值变化
focus（)表单元素获取焦点
keyup()松开键盘
mousedown()鼠标离开
mouseup()鼠标松开
mouseout()鼠标离开
resize()浏览器窗口大小改变
select()选中文本框内容
toggle()根据鼠标点击次数依次运行多个函数
submit()用户提交表单
unload()用户离开页面
事件的绑定
$(input).bind("click change",function(){});
$(input).one("click",function(){})只运行一次绑定的事件
$(input).unbind("click")移除绑定
$(input).trigger(click)触发器执行click事件

事件参数
event.pagex事件发生时 鼠标距离网页左上水平距离
event.pagey事件发生时 鼠标距离左上角的垂直距离
event.type 事件类型 例如click
event.data 事件对象上绑定的数据
event.which 按下了那一个按键
event.target 事件针对的网页元素
event.preventdefault() 阻止事件的默认行为 点击链接会打开新的页面
even.stopPropagation() 停止事件向上层元素冒泡
this 针对的dom元素

工具
.trim()去除空格
.each()遍历
.inarray()返回数组索引的位置
.grep()返回数组中复合标准的元素
.extend()合并对象
.makyarray()转换为数组
.type()判断对象的类型 函数、日期、数组、正则
.isarray()是否为数组
.isemptyObject()判断是否为null
.isfunction(）判断是否为函数
.isplainobject()判断是否为建立的对象
.suppirt() 是否支持某个浏览器的特性