jQuery语法

jquery语法：

1.jquery语法结构为:工厂函数$(),选择器，方法
$("选择器").method();

2.$(document).ready() 与window.onload的异同点：
window.onload必须等待html文档全部加载完毕后，才能执行
而ready()只需html文档结构绘制完毕即可执行，可能与元素相关的图片等文件没有加载完毕

window.onload全局只能执行一次，
而ready可以执行多次

window.onload无简化写法，
而$(document).ready可以简写为：  $(function(){  })
3.jquery代码风格：包含$符号，链式操作，隐式迭代
链式操作，例如：
$(.username).click(function(){$(this).addClass("#user")}).next().click(function(){});
隐式迭代：获取某一组元素对象后，无需遍历这组对象，就可以对这组对象的每个元素进行操作
例如：
$("li").css({"font-weight":"bold"});
这样这组<li>元素的样式都被设置成新的样式了

DOM对象与jquery对象的转化：
约定定义变量的格式，如果获取的对象是jquery对象，那么变量以$开头
jquery转DOM：
两种方法：
a. jquery对象是一个类似数组的对象，可以通过[index]获取相应的DOM
例如：
var $txtname=$("txtname");
var txtname=$txtname[0];
b.通过get(index)获取
var $txtname=$("txtname");
var txtname=$txtname.get(0);

DOM转jquery：
直接使用jquery工厂函数格式即可

jquery中的几个常用方法：
$(this)代替当前获取的jquery对象
addClass（"样式名")
css("属性","属性值")    //设置一个属性
css("属性1":"属性值1","属性2":"属性值2")    //设置多个属性
show()    //显示
hide()  //隐藏
next()    //该元素的下一个相邻元素
children()    //该元素的后代元素
html()        //为该元素设定其填充的内容