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);