jquery基础

8月6号

1、缺点

（1）不能向后兼容：新版本可能不能兼容老版本

（2）插件兼容：新版本可能不能兼容老版本

（3）插件之间的冲突：同一界面引用多个插件，彼此之间会有冲突。

（4）jQuery对UI支持不好，要引入jquery UI.

2.window.onload=function(){}只写一个，多个的话只执行最后一个。

3、jQuery对象与dom对象之间的转换。

（1）jquery转dom

(2)dom转jquery

只需要用$(),把需要转的对象括起来。

4、多个库js库，prototype库，会冲突。

　　　　var sowhat=jQuery.noConflict()释放$,此时的sowhat 就相当于$.

还可以先引入jQuery。

5、选择器

（1）基本选择器，类，id，标签等。

（2）层次选择器

siblings()选择前后兄弟元素，不包含自己。

（3）两句话合并一起

$('span').parent().css('background','red');

$('span').css('background','blue');

合并：

$('span').parent().css('background','red').end().css('background','blue');

 

用方法结合一起：

$('#tab tr:even').css('background','red');

$('#tab tr:odd').css('background','blue');

结合：

$('#tab tr').filter(':even').css('background','red').end().filter(':odd').css('background','blue');

 

(4)转意符号\，一般单引号，用一个；[]这个用两个。一个不行就两个。

8月7号

1、jquery优化

（1）优先使用id选择器:id比class效率高。

（2）在class选择器前添加标签名:$('p.a');

（3）用find()，而不使用上下文查找。

（4）强大的链式操作，比缓存更快。

2、设置文本和html:text(),html()。

3、事件冒泡

事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。

event.stopPropagation();取消冒泡

4、取消浏览器默认行为：.preventDefault()。

5、hover(function(){},function(){});可以传两个匿名函数。

6、动画

hide().隐藏：有三个参数，fast slow  normal,或者写毫秒数

show()显示。toggle()可以自动切换show和hide.

或者：先判断是否显示，在执行

if($('p').is(':visible')){

$('p').hide(1000);

}else{

$('p').show(1000);

}

fadeIn(),fadeOut();fadeTo()

slideUp(),slideDown(),slideToggle().

自定义动画animate().想最后执行的代码，要放到回调函数里面。

7、动画队列

stop([clearqueue][,jumpToEnd]).

暂停的话stop(true,false);

8、jQuery新的事件绑定机制on()。jQuery推出on()的目的有2个，一是为了统一接口，二是为了提高性能。

$(document).on('click', '#list li', function() {
          //function code here.
        });

 

转载于:https://www.cnblogs.com/h-g-f-s123/p/5744261.html