jquery attr

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../HelloJquery/jquery-1.8.3.js"></script>
<script type="text/javascript">
 $(function() {
  /* $("tbody tr").each(function(n) {
    //使用attr只加入一个参数可以获取属性值
    //alert($(this).attr("id"));
    //通过attr设置两个参数,可以完成对某个节点属性的设置
    $(this).attr("title", $(this).children("td:eq(1)").html())
    //可以通过json的格式来设置熟属性,甚至可以设置一些非html的属性,通过这些属性来做一些特殊处理
    //但是这种方式在1.4后基本不用了,1.4后提供了data方法
    $(this).attr({
     "title" : $(this).children("td:eq(1)").html(),
     "id" : n
    })
    //移除属性
    $("tr#2").removeAttr("id");
   })*/
  $("a[href^=‘http://‘]").attr("target", "_blank")
  $(‘tbody tr‘).attr("title",function(n){
   return "这是第"+(n+1)+"";
  })
 })
</script>
</head>
<body>
 <a href="map.html">map</a>
 <a href="model.html">model</a>
 <a href="http://hao.360.cn/?wd_xp1">360</a>
 <a href="https://www.baidu.com/">bd</a>
 <table width="=700" border="1" align="center">
  <thead>
   <tr>
    <td>用户名</td>
    <td>用户密码</td>
    <td>用户年龄</td>
    <td>用户电话</td>
   </tr>
  </thead>
  <tbody>
   <tr id="123">
    <td>张三</td>
    <td>123</td>
    <td>22</td>
    <td>186</td>
   </tr>
   <tr>
    <td>李四</td>
    <td>123</td>
    <td>22</td>
    <td>186</td>
   </tr>
   <tr>
    <td>王五</td>
    <td>123</td>
    <td>22</td>
    <td>186</td>
   </tr>
   <tr>
    <td>马六</td>
    <td>123</td>
    <td>22</td>
    <td>186</td>
   </tr>
   <tr>
    <td>赵七</td>
    <td>123</td>
    <td>22</td>
    <td>186</td>
   </tr>
  </tbody>
 </table>
</body>
</html>
时间: 2024-12-18 22:23:12

jquery attr的相关文章

jQuery.attr() 源码解读

我们知道,$().attr()实质上是内部调用了jQuery.access方法,在调用时jQuery.attr作为回调传入.在通过种种判断(参看jQuery.access()方法)之后,取值和赋值最后调用了这个jQuery.attr方法. 所以,关键是看jQuery.attr这里怎么走了~~ 源码如下: attr: function( elem, name, value ) { var hooks, ret, nType = elem.nodeType; //如果elem不存在,或者是文本.注释

jQuery attr方法修改onclick值

了通过jQuery的attr修改onclick值. 代码: var js = "alert('B:' + this.id); return false;"; var newclick = eval("(function(){"+js+"});"); $("#anchor").attr('onclick', '').click(newclick); 如果onclick事件原先有值,要先清空,再用click( eval(funct

jQuery .attr() vs. .prop()

Property vs. Attribute 在开始正式比较prop()和attr()两个jQuery方法之前,我们有必要先弄清一下Property和Attribute两个单词的意思.在中文里面,它们都是属性的意思,那究竟有什么区别呢?我是这么理解的(曾经在<深入浅出WPF>一书中看到过一些关于XAML相关的解释,觉得这里也是适用的): Property - 属性.字段,这是站在面向对象的层面去理解的,当我们将现实中的某一物体用代码把它抽象出来时,那么它的属性我们就用Property来表示.在

Jquery attr()方法 属性赋值和属性获取

jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名)       //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined ) 2. attr(属性名, 属性值)   //设置属性的值 (为所有匹配的元素设置一个属性值.) 3. attr(属性名,函数值

bobo jquery attr()方法

在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,用一个attr()就可以全部搞定了,赞一个先 ^^ jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名)        //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取

jQuery .attr() .prop() .data()区别及全选等问题

DOM的attribute和property 今天讲一个JS的小话题,就是DOM节点的attribute和property的区别,这个点看起来很小,其实背后别有洞天.如果面试一个前端,听他讲讲对这个问题的理解,基本能分辨是不是菜鸟.下面的内容请各位细心体会. 页面有一个INPUT输入框   这个比较简单,没什么好说的,两个值都是’1′.现在我把输入框的值改成100,然后重新取一遍值: 为什么两个值不同了?这就是attribute和property在作怪. Attibute 这 个INPUT节点有

jquery attr()和prop()方法的使用

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>wrap</title> 6 <script type="text/javascript" src="../jquery/jquery-1.11.3.min.js"></scrip

jquery attr与prop的区别

最近开发中发现用attr无法设置checkbox的选中事件,在网上找了下说要用prop,所以总结下两者的区别. 1.操作的对象不同 attr:操作的是HTML文档节点属性 prop:操作的是js对象属性 2.应用版本不同 attr()是jQuery 1.0版本就有的函数,prop()是jQuery 1.6版本新增的函数. 在1.6之前,只能使用attr()函数:1.6及以后版本,你可以根据实际需要选择对应的函数. 3.用于设置的属性值类型不同 由于attr()函数操作的是文档节点的属性,因此设置

jquery attr()方法

在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,用一个attr()就可以全部搞定了,赞一个先 ^^ jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名)        //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取

JQUERY attr prop 的区别 一个已经被淘汰

在做jquery 全选 全不选的项目中, 1..prop( propertyName ) 获取匹配集合中第一个元素的Property的值 2. .prop( propertyName, value ) .prop( map ) .prop( propertyName, function(index, oldPropertyValue) ) 给匹配元素集合设定一个或多个属性 .prop()和 .attr()区别 下面是关于jQuery1.6和1.6.1中Attributes模块变化的描述,以及.a