Jquery属性——学习笔记(一)

attr()方法：用于获取元素值和添加属性值。

removeAttr()方法 删除属性值

javascript获取元素值------->document.getElementById("ID值").getAttribute("值");

测试代码如下：

<div id="box" test="测试一下"></div>

$(function(){

$("#box").attr("test");//获取元素值

$("#box").attr("name","段亮");//添加元素

$("#box").removeAttr("name");//删除对应的元素

});

prop()方法 获取在匹配的元素集中的第一个元素的属性值。

一般用于radio和checkbox,判断一个元素是否被选中.

removeProp()方法 清除选中的元素

测试代码如下：

<label><input type="radio" name="sex" value="男">男</label>

<label><input type="radio" checked="checked" name="sex" value="女">女</label>

$(function(){

var $prop = $("input[type='radio'][value='女']").prop("checked");

alert($prop);

$("input[type='radio'][value='女']").removeProp("checked");

});

addClass()方法 添加样式

removeClass()方法 去除添加的样式

toggleClass()方法 添加一个元素或者删除一个元素（若该元素有则删除，无则添加）

测试代码如下：

<style>

#box{border:1px solid red;height:200px;width:200px;}

.test{background:red;}

.black{background:#000;}

</style>

<div id="box" ></div>

$(function(){

$("#box").addClass("test");//添加样式

$("#box").removeClass("test");//移除样式

$("#box").toggleClass("black");//添加一个元素，有则删除，无则删除。

});

html()方法 直接输出元素包含元素里面的内容（包含html标签）

text()方法 只输出文字

val()方法 用于表单的vlaue值输出

测试代码如下：

<div id="box"><span>这是学习jquery的第一步</span></div>

$(function(){

var $html = $("#box").html();

var $text = $("#box").text();

alert($html);//<span>这是学习jquery的第一步</span>

alert($text);//这是学习jquery的第一步

});