jQuery学习小记

今天开始学习jQuery，发现jQuery真的很强大。学习的东西还很多，首先把基础的东西过了一遍。

路漫漫其修远兮，吾将上下而求索。

1.当DOM装入就绪可以查询及操纵时绑定一个要执行的函数。这个方法纯粹是对window.load事件注册时间的代替方法。

$(document).ready(function(){

//这里写你的代码

});

jQuery(function($) {

//这里写你的代码

});

$(function(){

//这里写你的代码

})

2.获取对象，对象值，html，text，属性等

2.1 获取元素

//根据给定的ID匹配一个元素。

$("#id");

//根据给定的元素名匹配所有元素

//element(String): 一个用于搜索的元素。指向 DOM 节点的标签名。

$(element);$("div");

//根据给定的类匹配元素。

//class(String):一个用以搜索的类。一个元素可以有多个类，只要有一个符合就能被匹配到。

$(class);$(".myClass");

//将每一个选择器匹配到的元素合并后一起返回。

//你可以指定任意多个选择器，并将匹配到的元素合并到一个结果内。

//selector1 (Selector) : 一个有效的选择器

//selector2 (Selector) : 另一个有效的选择器

//selectorN (Selector) : (可选) 任意多个有效选择器

$("div,span,p.myClass")

2.2 元素的html

//取得第一个匹配元素的html内容。

//这个函数不能用于XML文档。

//但可以用于XHTML文档。

$("#id").html();

//设置每一个匹配元素的html内容。

//这个函数不能用于XML文档。

//但可以用于XHTML文档。

$("#id").html(val);

2.3 元素的text

//取得所有匹配元素的内容。

$("#id").text();

//设置所有匹配元素的文本内容

$("#id").text(val);

2.4 元素的值

//获取第一个匹配元素的当前值

$("#id").val();

//设置每一个匹配元素的值

//check,select,radio等都能使用为之赋值

$("#id").val(val);

2.5 元素的属性

//取得第一个匹配元素的属性值。

//通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。

//如果元素没有相应属性，则返回 undefined 。

$("#id").attr("id");

//将一个“名/值”形式的对象设置为所有匹配元素的属性。

$("#id").attr({src:"test.jpg", alt:"Test Image"});

//为所有匹配的元素设置一个属性值。

//key(String):属性名称

//value(Object):属性值

$("#id").attr(key, value);

//为所有匹配的元素设置一个计算的属性值。

//不提供值，而是提供一个函数，由这个函数计算的值作为属性值。

//key(String):属性名称

//fu(Function):返回值的函数 范围：当前元素，参数;当前元素的索引

$("#id")(key,fn);

//从匹配的元素中删除一个属性

//name(String):要删除的属性名

$("#id").removeAttr(name);

//为匹配的元素添加指定的类名

//class(String):一个或多个 CSS类名，调用空格分开

$("#id").addClass(class);

//为匹配的元素删除指定的类名

//class(String):一个或多个 CSS类名，调用空格分开

$("#id").removeClass(class);

//如果存在（不存在）就删除（添加）一个类。

//class(String):一个或多个 CSS类名，调用空格分开

$("#id").toggleClass(class);