zoukankan      html  css  js  c++  java
  • Jquery常用操作

    ID选择器 $("#jquery");

    类选择器 $(".jquery");

    标签选择器 $("div");

    组合选择器 $("input.jquery[value='juqery']");

    去空 $.trim();

    迭代

    $(".jquery").each(

    function(){

       console.log($(this).val());

    }

    );

    获取下级子元素(选择器可选)

    $.(".jquery").children();

    获取所有子元素(必须传入选择器)

    $(".jquery").find("span");

    使用jsonp跨域

                         $.ajax({
                                url : "xxx",
                                dataType : "jsonp",
                                jsonp:"callback",
                                data : {x:x},
                                success : function(a) {
                                        alert(a);
                                }
                        });

    服务器端代码

        public void login()throws IOException{
            HttpServletRequest request=getRequest();
            HttpServletResponse response=getResponse();
            String callback=request.getParameter("callback");
            PrintWriter writer=response.getWriter();
            writer.print(callback+"(0)");
            writer.close();
        }

     触发事件

    $("input").trigger();

    jquery注册页面加载事件

    $(document).ready(function(){

    });

    $(function (){

    });

    绑定事件

    $("button").bind("click",function(){
      $("p").slideToggle();
    });
    $("button").click(function(){
      $("p").slideToggle();
    });

    $(document).on('mouseover','.wtf',function(){
    $(this).show();
    });
    对被选元素进行隐藏和显示的切换

    $("#input").toggle();

    显示元素
    $("input").show();
    隐藏元素
    $("input").hide();
    获取值
    $("#input").val();
    获取innerHTML
    $("#input").html();
    获取checkbox选中项的值
    $("input:radio[name='pushType']:checked").val();
    查找父元素
    $("#a").parent();
    移除元素
    $("#a").remove();
    移除clsss
    $("#a").removeClass();
    设置clsss

    $("#a").addClass();
    控制按钮为禁用:  
    $("#btn").attr({"disabled":"disabled"});
    控制按钮为可用
     $("#btn").removeAttr("disabled");
  • 相关阅读:
    IDEA常用快捷键(常用)
    mysql命令
    mysql localhost能连上ip连不上
    Spring Boot2部署jar包
    host localhost is not allowed ... 1130错误
    纯真ip数据库
    微软Windows XP 正版验证通知去除的工具以及手工清除办法
    周一好困哦!!!
    SQL 连接字符串的说明(转)
    IP地址和数字之间转化的算法
  • 原文地址:https://www.cnblogs.com/zhanghaoh/p/2848186.html
Copyright © 2011-2022 走看看