jQuery学习笔记

Write less do more

jQuery是javascript最火的库，主要是为了解决javascript对于不同浏览器的兼容性而生的，另外也简化了代码（链式编程，隐式迭代，屏蔽了浏览器的差异）

$(“div1”).dialog()使得div1变成对话框

jQuery的ready函数//注册事件的函数，和普通的dom不一样。不需要在元素上加上on**标记

$(document).ready(function(){});

window.onload必须等到页面内包括DOM结构绘制，图片，css的所有元素加载完毕后才能执行。

$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

window.onload没有简化写法

$(document).ready(Function(){})可以简写成$(function(){});

window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个

$(document).ready()可以同时编写多个，并且都可以得到执行

jQuery提供的函数$.map(array,fn) 对数组array中的每个元素执行fn匿名函数，返回处理数组

$.each(arr,fn(key,value))没有返回值

jQuery对象与Dom对象；Dom对象要想进行jquery进行操作必须先转化成jQuery对象

Array是js语言本身的对象

Css(),val()等等给一个参数就是取值，给两个就是设值

Html(),text()等等不给参数就是取值，给一个就是设值

jQuery选择器：id选择器，标签选择器，CSS选择器，多条件选择器（$(“p,div,span.menuitem”)）p div 拥有menuitem样式的span

$(“div li”)div下的所有li元素（后代，子，子的子）

$(“div>li”)获得div下的直接子元素

$(“.menuitem+div”)获取样式为menuitem之后的第一个div

jQuery的迭代

next()方法，之后的挨着的同辈的第一个元素

nextAll()之后的在所有的

jQuery链式编程

jQuery过滤器

:first选取第一个元素。$(“div:first”)选取第一个div

:last…..

:not(选择器)选择不满足“选择器”条件的元素

:even,:odd选取索引是奇数、偶数的元素

:eq(索引序号)，:gt(索引序号),:lt(索引序号)选取索引等于，大于，小于索引的元素

:header选取所有的h1到h6

:animated()选取正在执行动画的元素

$(“div[id]”)获得具有id属性的div

$(“div[title=test]”)获title属性等于test的div

$(“div[title!=test]”)获title属性不等于test的div

 

表单对象过滤器

$(“#form1:enabled”)获得具有i为form1所有启用的元素

$(“#form1:disabled”)获得具有i为form1所有禁用的元素

$(“input:checked”)获得选中的input元素

元素的each

表单选择器

$(“:input”)获得input， textarea，select，button

$(“:text”)获得所有的单行文本框

$(“:password”)获得所有的密码框

jQuery的dom操作

attr（）方法和removeAttr（）方法设值和删除属性

jq对象=$(html字符串)

$(“div1”).append(jq对象);

e.preventDefault()=window.event.retureFalse()

show(),hide(),toggle(),