Jquery的初认识
jQuery的优势:
1.链式语法,清晰的功能接口
2.高效的css选择器,可对css进行扩展
3.丰富的插件和便捷扩展机制
4.兼容主流浏览器
核心思想:write less do more !
jQuery的使用:
1.jquery文件的下载
2.页面引入jquery
3.測試
注:jQuery的執行優先級高於js
$==jQuery 相当于 (window.$==window.jQuery)
dom对象和jQuery对象相互转换:
目的:转换成jQuery对象可以使用jQuery的方法
方式:
$(dom对象) 转换为jQuery对象
jQuery对象[0] 取出dom元素,转换为dom对象
jQuery的选择器:
常用选择器:id选择器 $("#id")、class选择器 $(“className”)、标签选择器 $ (tagName)
执行顺序:行内–》id–》class–》标签
其它选择器: * 选择器 $("*"):全都要!!!
selector1选择器 $(“tageName1,tageName2”):多元素选择器
祖先后代选择器 $(‘tageName1 tageName2’)
父亲儿子 $(“parent>child”)
相邻选择器 $(“tag1+tag2”)
属性选择器 $(“input[name=xxxxx]”)
…
jQuery注册事件:
1) $ (“#id”).click(function(){alert(0)});
2)$ (“#id”).on(“click”,function(){});
取消:$ (“#id”).off(“click”);
3)$ (“#id”).bind(“click”,function(){});
取消:$ (“#id”).unbind(“click”);
二级联动:
Json转换
发送Ajax请求
$.get/post(url,params,function(result){},type)