Jquery属性(一)
2016-03-20 00:43
453 查看
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的第一步
});
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的第一步
});
相关文章推荐
- jQuery 源码解析一:jQuery 类库整体架构设计解析
- javascript与jQuery的那些事
- jQuery插件开发
- 扩展JQUERY 表单加载JSON数据
- 利用JQuery实现广告动态滚动特效
- jQuery学习笔记(3)-操作jQuery包装集的函数
- jquery扩展方法
- jquery对iframe的元素进行遍历
- Jquery上传插件Uploadify无刷新上传文件
- jQuery存在的必要性
- jQuery 还可以输入多少字 inputTotal()
- 使用jQuery的文件上传插件Uploadify完成html的表单提交
- jQuery特效
- jQuery操作radio、checkbox、select总结
- jquery的animate的使用
- 利用jquery给指定的table动态添加一行、删除一行
- 使用jQuery实现类似开关按钮的效果
- 利用jQuery实现CheckBox全选/全不选/反选
- jQuery插件开发
- Jquery+css实现图片无缝滚动轮播