Jquery属性(一)
来源:互联网 发布:js判断是否为字符串 编辑:程序博客网 时间:2024/05/20 04:09
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的第一步
});
- Jquery属性(一)
- jQuery学习(一)----each遍历&&hasClass属性
- jQuery学习(一)----each遍历&&hasClass属性
- jQuery Attributes(属性)的使用(一、属性篇)
- 使用jQuery操作元素的属性(一)
- Jquery基础入门一内置方法和属性(1)
- Jquery基础入门一内置方法和属性(2)
- JQuery使用(一)(元素和属性)
- JQuery属性
- jquery属性
- jquery 属性
- jQuery属性
- jQuery属性
- jQuery属性
- jQuery 属性
- jQuery 属性
- jQuery属性
- jQuery属性
- inflater
- 记第一次实习面试
- 栈,堆,全局,文字常量,代码区总结
- H5、React Native、Native应用对比分析
- oracle性能调优之--Share Pool 调整与优化
- Jquery属性(一)
- ListView显示不同布局时注意事项
- 常用的指令
- javascript对象(二)
- KVC&KVO
- 可统计任一整数中某个位数出现的次数。例如-21252中,2出现了3次,则该函数应该返回3。
- Visual Studio 2013 调试技巧
- 欢迎使用CSDN-markdown编辑器
- 向Android Studio中添加jar包