zoukankan      html  css  js  c++  java
  • jquery 标签中的属性操作

    .arrt()
    获取匹配的元素集合中的第一个元素的属性值,或设置每一个元素中的一个或多个属性值。
    .attr(attributeName)
    $("em").attr("title");
    q获取“em”集合中的第一个em 的title值。
    .attr(attributeName,value)
    attributeName 要设置的属性名
    value 这个属性设置的值
    $("#greatp").attr('alt','she zhi shu xing zhi')
    设置这个元素的 alt值

    .attr(attributes)
    设置属性值集合

    $("greatp").attr({ 
    alt:"she alt de zhi"
    title:"she title de zhi"
    })

    .attr(attributeName,function(index,attr))
    attributeName 要设置的属性名
    function(index, attr)
    这个函数返回用来设置的值,this指当前的元素,接收index 参数表示元素在匹配的元素中的索引的。

    $("img").attr("src",function(){ 
    return "/resources/" +this.title;
    })

    .prop()
    获取匹配的元素集中第一个元素的属性值或设置每一个匹配的元素的一个或多个属性值。
    .prop(propertyName)
    获取匹配的元素中第一个元素的属性值。
    propertyName 要得到的属性名称。
    .prop(propertyName,value)
    propertyName 要设置的属性名称
    value 一个值来设置属性值

    $("input[type='checkbox']").prop({ 
    disabled:true
    })

    禁用页面上的所有的复选框。
    .prop(propertyName,function(index,oldpropertyValue))
    要设置的属性(properties)的名称
    function 一个函数,返回要被设置的值。
    .removeAttr()
    为匹配的元素集合中的每个元素中移除一个属性。
    .removeAttr(attributeName)
    attributeName 要移除的属性名
    input.removeAttr("title")
    移除input 上面的title 属性。
    .removeProp(propertyName)
    为集合中匹配的元素删除一个属性。
    propertyName 要移除属性的名称。
    input.removeProp("title")
    移除input 上面的title 属性。
    .val()
    获取匹配的元素集合中第一个元素的当前值或设置匹配的元素集合中每个元素的值。
    .val() 获取匹配的元素集合中一个元素的当前值。 这个方法不接受任何参数。
    $("#single").val(); 获取这个表单的值。

    $("input").keyup(function(){ 
    var value = $(this).val();
    $("p").text(value);
    }).keyup();

    在这个input 内,每次键盘抬起的获取value 值,并将其渲染在p标签内。
    .val(value)
    设置匹配的元素集合中每个元素的值。
    value 一个文字字符串,一个数字,或一个字符串形式的数组。

    $("button").click(function(){ 
    var text = $(this).text();
    $("input").val(text);

    }); 当点击按钮的时候,获取当前按钮的文本,将其设置给input 的值。
    .val(function)
    一个用来返回设置值的函数,this指向当前元素。

  • 相关阅读:
    Shell脚本
    数据结构 栈 java 自带的数据结构
    桃夭
    得道多助,失道寡助
    采薇
    离骚
    两小儿辩日
    鱼我所欲也
    生于忧患,死于安乐
    曹刿论战
  • 原文地址:https://www.cnblogs.com/nmxs/p/4889787.html
Copyright © 2011-2022 走看看