与标签内容相关函数
.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"});