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

  • 编辑时间: 2014-10-04
  • 浏览量: loading
  • 作者: 段亮

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的第一步

});


如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对段亮这小子的支持! ~(@^_^@)~

微信扫一扫 微信打赏

支付宝扫一扫 支付宝打赏

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • 段亮自媒体博客
    2014-10-13 18:36:35发表

    对啊!

  • 等待就是浪费青春
    2014-10-11 19:17:33发表

    在学习JQuery?

你也想建立一个独立博客?

你是否也想打造一个在互联网上的个人品牌,成为一个家喻户晓的人物呢?
请点击了解 怎样创建个人博客