jQuery常用函数

与标签内容相关函数

.html()

var str1=$("selector").html();//获取的是第一个匹配元素的围堵标签中的所有内容，包括了嵌套在内部的标签

. text()

var str2=$("selector").text();//获取的是第一个匹配元素的围堵标签中的所有文本，不包含标签的内容

.val()

var str3=$("selector").val();//val()只能用在表单项元素中,获取value值

与标签属性相关函数

设置属性

//设置属性
img.attr("src","img/cat.jpg");
img.attr("title","名称！");

移除属性

//移除属性
img.removeAttr("title");

获取属性

var src=img.attr("src");
var title=img.attr("title");

获取checked属性使用prop函数，获取到的值是boolean类型，表示是否被选中

var list=$("input[type='radio']");
for(var i=0;i<list.length;i++){
    var flag=$(list[i]).prop("checked");
    console.log("checked="+flag);
}

与标签样式相关函数

//给获取的元素添加、删除、切换已有的样式 PS：样式一定是在样式表中提前定义
好的
$("div").addClass("redBg");
$("div").addClass("redBg fontColor");
$("div").removeClass("fontColor");
$("div").removeClass();//没有参数的时候直接移除所有的样式
$("div").toggleClass("fontColor");//匹配元素如果有当前的样式就删除，如果没有就添加

//给所有的元素添加样式，样式直接添加，无需提前定义
$("input").css("border-color","blue");
$("input").css({"color":"red","border-color":"green"});