欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

jquery大牛请进解决思路

更新时间: 2014-01-05 01:51:46 责任编辑: Author_N1

 

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有选取第一个子元素的选择器的  你找找看
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:51:46
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2178/
本文WWW.DOC100.NET DOC100.NET版权所有。