jquery 新手

最新推荐文章于 2024-04-25 16:37:57 发布

Joe_n

最新推荐文章于 2024-04-25 16:37:57 发布

阅读量649

点赞数

分类专栏： jquery 文章标签： jquery function xhtml input list server

本文链接：https://blog.csdn.net/telencool/article/details/6924718

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

$(function () {
$("td input:text:first").focus();
var $inp = $("td input:text");
$inp.bind("keydown", function (e) {
var key = e.which;

if (key == 13) {
// alert($(this).attr("tabindex"));
if($(this).attr("tabindex")==15)
{
e.preventDefault();
$("#btnNextInputPage").click();
setTimeout("$('td input:text:first')[0].focus();",100);

}
else
{
window.event.keyCode=9;
}
}
});
});
--------------------------------------------------------
jquery 控制层显示
<!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 runat="server">
<title></title>
<script type="text/javascript" src="../Javascript/jquery-1.6.js"></script>
<style type="text/css">
#choice_list_district{ height:50px;}
#tab td{cursor:pointer;}
</style>
<script type="text/javascript">
$(function () {
//绑定事件处理
$("#choice_list_district a").click(function (e) {
if ($("#divObj").css("display") == "none") {
e.stopPropagation();
//设置弹出层位置
var offset = $(e.target).offset();
//设置弹出层位置在点击的下面
$("#divObj").css({ top: offset.top + $(e.target).height() + "px", left: offset.left });
$("#divObj").show();
}
else {
$("#divObj").hide();
}
});
//单击空白区域隐藏弹出层
$(document).click(function (event) { $("#divObj").hide(); });
//单击弹出层则自身隐藏
//$("#divObj").click(function (event) { $("#divObj").hide(speed) });
$("#tab tr td").click(function (event) {
$("#aaa").val($(this).html());
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="choice_list_district">
<a href="#">出来层</a>
</div><div id="divObj" style="position: absolute; width:200px; height:200px; background:blue; border:1px solid block; display:none; z-index:9999;">
<table id="tab">
<tr>
<td>aaa</td>
</tr>
<tr>
<td>bbb</td>
</tr>
</table>
</div>
<div style="position:absolute; top:200px; left:200px;">
<input type="text" id="aaa" />
</div>
</div>
</form>
</body>
</html>
-----------------------------------------------------

<!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 runat="server">
    <title></title>
    <script type="text/javascript" src="../Javascript/jquery-1.6.js"></script>
    <style type="text/css">
        #choice_list_district{ height:50px;}
        #tab td{cursor:pointer;}
    </style>
    <script type="text/javascript">
        $(function () {
            //绑定事件处理
            $("#choice_list_district a").click(function (e) {
                if ($("#divObj").css("display") == "none") {
                    e.stopPropagation();
                    //设置弹出层位置
                    var offset = $(e.target).offset();
                    //设置弹出层位置在点击的下面
                    $("#divObj").css({ top: offset.top + $(e.target).height() + "px", left: offset.left });
                    $("#divObj").show();
                }
                else {
                    $("#divObj").hide();
                }
            });
            //单击空白区域隐藏弹出层
            $(document).click(function (event) { $("#divObj").hide(); });
            //单击弹出层则自身隐藏
            //$("#divObj").click(function (event) { $("#divObj").hide(speed) });
            $("#tab tr td").click(function (event) {
                $("#aaa").val($(this).html());
            });

});

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

    <div id="choice_list_district">
        <a href="#">出来层</a>
    </div><div id="divObj" style="position: absolute; width:200px; height:200px; background:blue; border:1px solid block; display:none; z-index:9999;">
        <table id="tab">
            <tr>
                <td>aaa</td>
            </tr>
            <tr>
                <td>bbb</td>
            </tr>
        </table>
    </div>
    <div style="position:absolute; top:200px; left:200px;">
    <input type="text" id="aaa" />
    </div>
    </div>
    </form>
</body>
</html>
----------------------------------------------------------
1.按钮的id为btnzhuce
==》控制按钮为禁用：
$("#btnzhuce").attr({"disabled":"disabled"});
==》控制按钮为可用
$("#btnzhuce").removeAttr("disabled");//将按钮可用
---------------------
jquery控制按钮的禁用与启用
1.按钮的id为btnzhuce
==》控制按钮为禁用：
$("#btnzhuce").attr({"disabled":"disabled"});
==》控制按钮为可用
$("#btnzhuce").removeAttr("disabled");//将按钮可用

Joe_n

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 新手

$(function () { $("td input:text:first").focus(); var $inp = $("td input:text"); $inp.bind("keydown", function (e) { var key = e.which; if (key == 13) { // alert($(this).attr(
复制链接

扫一扫