JS自定义属性的有关问题-JavaSript-爱易网页

JS自定义属性的有关问题

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

JS自定义属性的问题
大家好, 我最近刚开始学JQuery, 觉得它的事件什么的挺方便的, 但是我现在遇到一个问题, 就是假设我有一列的button, CSS类都一样, 我自定义了一个index属性, 用来区别这些button, 我在JQuery里面该怎么写函数才能用一个函数处理这一列button的click事件呢?

------解决方案--------------------
根本不需要自定义个index属性

HTML code

<!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" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready( function() {
    $("div.TileItem").mouseover( function() {
        alert($(this).index());
    });
});
</script>
</head>

<body>
<div class="TileItem">...</div>
<div class="TileItem">...</div>
<div class="TileItem">...</div>
</body>
</html>

------解决方案--------------------
楼主 如果你真把 w3school 里介绍的jquery看完了 ，那么连这个都不会做的话，真应该多看几遍 或者 考虑下换个行业之类的。。。慢慢学 不要着急。

参考下吧

HTML code
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>    
        <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
        <div class="TileItem" index="0">...</div>
        <div class="TileItem" index="1">...</div>
        <div class="TileItem" index="2">...</div>
        <script>
            $('div').mouseover(function(){
                $(this).css('border', '1px solid red');
            }).mouseout(function(){
                $(this).css('border', '');
            })
        </script>
    </body>
</html>

------解决方案--------------------
探讨
大家好,  我最近刚开始学JQuery, 觉得它的事件什么的挺方便的,  但是我现在遇到一个问题, 就是假设我有一列的button, CSS类都一样, 我自定义了一个index属性, 用来区别这些button, 我在JQuery里面该怎么写函数才能用一个函数处理这一列button的click事件呢?

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

JS自定义属性的有关问题

相关资料更多>

推荐阅读更多>