Jquery常用功能总结

修改css属性值

$("#id").css('display','block');

增加点击事件

 $(function(){
   $("input[id=offline]").click(function(){

  $("#exportDiv").css("display","block");
   });
   $("input[id=online]").click(function(){

  $("#exportDiv").css("display","none");
   });
   });

设置可以使用或者不能使用

设置不可以使用

    $("#id").attr("disabled","disabled");

可以使用
    $("#id").removeAttr("disabled");

多个元素绑定同一个事件

   $("#id1,#id2").click(function(){
   });

获取input的checked的值

使用prop方法，返回的是布尔值，true表示checked，否则不是

 var checkedOfAll=$("#selectAll").prop("checked"); 

修改title的值

有时会需要给一些功能附加说明，比如鼠标悬停上去，给个提示之类的。

可以使用

$("#id").attr("title","这是一个提示");

移除使用

$("#id").removeAttr("title");

修改html的内容

$("#ids").html("你好，你已经被修改了");

原始值

有的时候需要修改html中的内容，使用jquery的html方法即可修改掉。这个会覆盖掉之前的内容

Jquery如何给ul下每个li都加上点击事件

$('ul li').click(function(){
    // TODO

});

 自动触发a标签

例如：

公式管理

,要 自动触发 的话，$("#bbbb").trigger("click")

删除元素

$("#div1").remove();

Jquery获取子元素

Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。

children()方法：获取该元素下的直接子集元素

find()方法：获取该元素下的所有子集元素

分别以以下HTML代码为例：

• list1
  • list1-1
  • list1-2
• list2
  • list2-1
  • list2-2
• list3
  • list3-1
  • list3-2

children()方法获取ul下面直接子集元素li：$("ul").children("li")

需要注意的是，如果li元素下还有li元素，children方法将不会被获取。我们可以用length来测试获取的个数“$("ul").children("li").length”，最后输出结果为3

find()方法获取ul下所有元素li：$("ul").find("li")

需要注意的是，find方法会无限循环查找ul标签节点下的li，一直找到没有为止，用length来测试获取个数“$("ul").find("li").length”，最后输出结果为9

children和find的区别：children只会查找直接子集，而find会跨越层级查找，一直找到没有为止。

jquery动态改变输入框的readonly属性

$('input[name=username]').attr("readonly","readonly")//将input元素设置为readonly
$('input[name=username]').removeAttr("readonly");//去除input元素的readonly属性

jquery 怎么样查找 选中checked 的元素

jQuery("input[type='checkbox']:checked")

checkbox状态改变事件

 $("input[type='checkbox']").off("click");
             $("input[type='checkbox']").on('click',function(){
                 var flag = $(this).is(':checked');
                 if(flag){
                     if(user.corpId == $(this).attr("vociDeptId")){
                         $.alert("您和候选人属于同一个部门，不能投票!");
                         $(this).prop("checked",false);
                     }
                 }
             });