首页 > 代码库 > jquery笔记

jquery笔记

  1. 动画 $("#mydiv").animate({"width":"300px","height":"400px"},300)

    在3秒内逐渐的改变div的宽和高

    大多数非数值的css属性都无法用来执行动画效果.例如:color,background-color

    width,height,left,top可以用来执行动画

  2. fadeOut()方法 和 fadeIn()方法

    使用淡出效果来隐藏被选元素  

    $(selector).fadeOut(speed,callback)

  3. jquery操作控件属性

   document.getElementById(‘checkbox‘).getAttribute("checked")取的值是"checked"或者null

   $("checkbox").attr("checked") jquery获取的值是undefined或者"checked"

   <input type="checkbox" id="cb"  checked="checked"/>

   上面两种情况获取的值都是html标签中checked属性的字符串值,而不是用户选择的真实状态

   $("checkbox").prop("checked") 获取的值的格式是false或者true

   $("#btn").prop("disabled",true) 设置按钮为不可用的状态

                       jquery1.6以后的版本才能使用,用来区分某些布尔值属性

                       如:disabled,checked.

  

4.jquery 回调

   $.extend({ })    对jquery整个类添加类的方法,相当于静态方法

   $.fn.extend({ })  对jquery类的成员添加成员函数,$.fn动态指向添加函数的jquery对象


5.jquery插件规范代码

  //声明函数后立马自动执行,并且形成了一个封闭的作用域

  //一个<script></script>不能包含两个(function(){})()声明,后面的声明会出现异常.

 (function($){

  

  })(jQuery)

6.juqery给按钮添加多个处理流程,和原生的addEventLister和attachEvent函数一样会依次执行函数

  $("#btn").click(function(){alert(‘333‘);});  

  $("#btn").click(function(){alert(‘4444‘);});

7.jquery通过属性定位元素

  $(".className[for=‘aaa‘]") []中括号里面写上元素的属性名称和值

8.eval("alert(‘123‘);") eval函数会把里面的字符串当成js脚本来执行

 eval(callback+"()")  //执行后台传递给前台的回调函数名称,后台传到前台都是字符串数据

                //不是function类型,无法通过js代码直接调用


本文出自 “天下第一” 博客,谢绝转载!

jquery笔记