解决冲突
一、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);
})