jquery学习笔记

发布时间:2019-10-02编辑:脚本学堂
jquery学习笔记,jquery,jquery教程,jquery笔记

解决冲突
一、jquery在其它库之后导入
a:用jQuery.noConflict();以后的代码中用jQuery代替原来的$
b:用var j = jQuery.noConflict 以后的代码中用j代替原来的$
c: ready()方法接受一个参数,对jQuery的引用,所以可以用
jQuery(function($){
//在此处接着用$
});
d:用匿名函数
(function($){
//在此处接着用$
})(jQuery)
二、jquery在其它库之前导入
直接用jQuery代替$,不需要其它的代码

3、判断某个元素存不存在,以id为例
不能用 $('#id')
应该用$('#id').length 或 $('#id')[0]

4、层次选器
$('祖 子孙');
$('父 > 子')
叫法就是中间国不加 > 的区别

$('div + .div') 与 $('div').next('.div')相同;
$('div ~ .div')与 $('div').nextAll('.div');相同;
$('div').siblings()选择所有的同辈元素,不管其位置;

5:过滤选择器的用法同css中的伪类相似
6:选择空元素或非空元素
$(":empty")
$(":parent");

7:特殊符号有转义,如
<div id="#a"></div>要引用这个div应该用
$("##a")

8:
is() 判断符合不符合条件
filter() 按条件筛选
toggle() 轮换执行一些事件

9、替换整个节点用
replaceWith或replaceAll

10、包裹节点
wrap,wrapAll wrapInner

11、选中多个复选框
$(":checkbox").val(["1","2"]);,也适合于select 另外select中,是从后到前附值,如果有value或text与值相同,就会被选中

12、children()之考虑子元素而不考虑所有后代元素

13、 closest 取得最近的匹配元素

14、height();获得的是数值,css('height')获得是字符串;

15、可以给匿名函数起个名子,用于unbind时,取消绑定
$("div").click(a = function(){

});

16、trigger可以触发自定义的事件,triggerHandler触发事件,但不调用浏览器行为

17、bind支持命名空间 如
$("div").bind("click.myevent",function(){
});

18、index 查找dom元素的顺序

19、html()不能用于xml文档,text()可以

20、$.get()等方法,最后一个参数可以指定接受的数据的类型,xml、json等

21、用jsonp跨域获得数据
客户端
$.getJSON("http://www.yiistudy.cn/jquery/test.php?name=teraaaaary&back=?",function(data){
alert(data.name);
})