JQUERY 常用方法总结

最新推荐文章于 2024-06-19 08:30:00 发布

原创最新推荐文章于 2024-06-19 08:30:00 发布 · 556 阅读

0 ·

CC 4.0 BY-SA版权

Jquery和Js和Css 专栏收录该内容

28 篇文章

订阅专栏

本文通过多个实例介绍了如何使用jQuery进行DOM操作，包括元素的隐藏与显示、修改文本内容、获取输入框值、设置按钮状态等常见任务。同时展示了如何利用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();
}
});
});