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(),