Jquery-基础2

前言

今天主要说的是关于在jquery中如何实现和js一样的功能对于table进行的操作

---

table基本用法

目前我们知道有class，id选择器，现在还有一个标签选择器，例如我们的table{}就标签选择器，他表示的意思素有table里的元素都会受到影响，table td{}表示table下的所有td都会受到的影响
border-collapse:collapse 表示collapse单元格的边框可以进行合并，下面是table的基本组成部分

<table>
    <thead>
       <tr>
          <th>
          </th>
       </tr>
    </thead>
  <tbody>    
        <tr> 
           <td>
           </td>
        </tr> 
 </tbody>
</table>

---

Jquery基本用法

1、jquery主要是对table进行编辑首先画出一个text，然后让边框和颜色和大小的td进行吻合，这样就让用户感觉到是直接对td进行操作的
2、$(funtion（）{}）是$（document）.ready(function(){})的简化写法/
3、$(“tbody tr”)可以返回tbody中所有的tr节点 4、$(“tbody tr:even”)可以返回tbody中所有的索引值是偶数的tr节点
5、css方法可以用于设定或获取节点的css属性，参数名是css的属性名
6、jquery的对象包含着选择器对于的dom节点，以数组的显示保存
7、chilren方法可以获得某个节点的子节点，可以指定参数来限制子节点的内容
8、appendTo方法可以将一个节点追加到另一个节点所有子节点的后面
9、jquery的event对象上有一个which的属性可以获得键盘按键的键值

**$(function(){
    //使用even是为了把通过tbody tr返回的所有tr元素中，在数组里面下标里偶数的元素返回，应为这些元素，
    //实际是tbody中奇数行
    //对td的偶数进行操作，改变颜色
    $("tbody tr:even").css("background-color","#FFF00")
    //获取偶数行，赋值为变量
      var numTd=    $("tbody td:even");
      //当点击偶数行进行操作
      numTd.click(function(){
          //把html赋值给inputobj
          var inputobj=$("<input type='text'>");
          //把节点td给变量
          var tdobj=$(this);
          //一个节点追加到连一个节点
          inputobj.appendTo(tdobj);

          inputobj.click(function(){
              return false;           
          })
          inputobj.keypu(function(even){
              //获得点击的键值
              var keycode=even.which;
              if(keycode==13){
                  //获取值
                  var inputttext=$(this).val();
                  //放到HTML中
                  tdovj.html(inputtext)
              }       
          } 
      })
})**

---

总结

不错