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");