JQUERY 惯用方法总结

JQUERY 常用方法总结
一个模块隐藏和显示

$("#searchBox").hide();
$("#listBox").show();

把一个模块中把文字内容显示成你要文字
$("#list-link").html($("#list-link").text());
$("#search-link").html('<a href="javascript://;">'+$("#search-link").text()+'</a>');
$("#search-link").find("a").css({"text-decoration":"underline"});

取得一个text框中的值
var zxskus= $.trim($("#productSN").val());
if($.trim(zxskus) != ''){
$("#productSNStr").attr("value", zxskus);
$("#actionType").attr("value", "export");

一个按钮延迟10钞设置可用不可以用
setTimeout( function(){$("#exportBtn").removeAttr("disabled");;}, 10000);

把一个按钮设置为不可用


$("#removeBut").attr({"disabled":"disabled"});
$("#addBut").removeAttr("disabled");


        <script type="text/javascript">
          $(document).ready(function(e) {
              var obj = $("#jquery_pop");
               var offset = obj.offset();
               var top=offset.top;
               var left=offset.left+58;
              //是class
              //#是用于HTML元素
                $(".signin").removeClass("menu-open");
                $("#signin_menu").hide();
             
                $(".signin").click(function(e) {
                alert(top+"left"+left);
                 $("#signin_menu").css({  
                     "background-color":"#f4f4f4",
                     "width":"60px",
                     "position": "absolute",
                     "top":top,
                      "left":left
                 });
                    e.preventDefault();
                    $("#signin_menu").toggle();
                    $(".signin").toggleClass("menu-open");
                });

$("#signin_menu").click(function() {
return false
});
       
         $(document).mouseup(function(e) {
if($(e.target).parent("a.signin").length==0) {
$(".signin").removeClass("menu-open");
$("#signin_menu").hide();
}
});
});