1. 爱易网页
  2. JavaSript
  3. jquery大牛请进解决思路

jquery大牛请进解决思路

日期：2014-05-16　 浏览次数：20468 次

jquery大牛请进
如何用jquery实现当鼠标滑入一个table的第一列上面时，鼠标变成手，出来时再变成箭头。
如何实现，求思路与方法

------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function ss(id){
var table=document.getElementById(id);
var trs=table.getElementsByTagName("tr");
for(var i=0;i<trs.length;i++){
var td=trs[i].getElementsByTagName('td')[0];
if(td){
td.onmouseover=function(){
this.style.cursor='pointer';
}
td.onmouseout=function(){
this.style.cursor='default';
}
}
}
}
window.onload=function(){
ss('test');
}
</script>
<style type="text/css">
div{
cursor:pointer;
}
</style>
</head>

<body>
<table id="test">
<tbody>
     <tr>
         <td>1.1</td>
            <td>1.2</td>
            <td>1.3</td>
        </tr>
        <tr>
         <td>2.1</td>
            <td>2.2</td>
            <td>2.3</td>
        </tr>
        <tr>
         <td>3.1</td>
            <td>3.2</td>
            <td>3.3</td>
        </tr>
        <tr>
         <td>4.1</td>
            <td>4.2</td>
            <td>4.3</td>
        </tr>
    </tbody>
</table>
</body>
</html>
jquery有选取第一个子元素的选择器的  你找找看

相关资料更多>

  1. 怎么控制TEXT中只能输入日语的全角汉字（急）
  2. ie10下的“SCRIPT5007: 无法获取未定义或 null 引用的属性“value” ”异常，求解释！
  3. ExtJs页面格局详解
  4. javascript跨域解决方案(1)
  5. IE6的兼容性有关问题
  6. Javascript 小技艺全集
  7. css怎么显示自定义高度里的内容
  8. exjs 初学札记（一）
  9. 页面如何100%布局