1、jQuery简介javascript
--------------------------------java
jQuery是一个开源的JavaScript项目,凭借简洁的语法和跨平台的兼容性,极大简化了JavaScript开发人员遍历HTML文档、操做DOM、处理事件、执行动画和开发Ajax的操做。
jquery
jQuery强调写得少,作的多。jQuery独特的选择器、链式的DOM操做、事件处理机制和封装完善的Ajax都是其余JavaScript库可望不可即。
ide
======================================================================================动画
2、jQuery配置插件
--------------------------------
对象
jQuery官网:http://jquery.com/事件
jQuery无需配置,只要将jQuery库复制到公共路径便可,在引入时写在其余调用它的前面。ip
======================================================================================开发
3、jQuery与其余库冲突
--------------------------------
“$”做为jQuery的快捷方式,在其余库中也常常被使用,为了不冲突,一般在写js代码的第一行,将“$”权限释放,代码以下:
jQuery.noConflict();
或另外新建其余快捷方式并释放,代码以下:
var jq = jQuery.noConflict();
======================================================================================
4、jQuery选择器
-------------------------------
针对class用“.”取名字,代码以下:
<p class="demo">jQuery Demo</p>
<script type="javascript">
jQuery(".demo").click(function(){
alert("demo.click()被执行!");
})
</script>
jQuery("ID")代替document.getElementById();
jQuery("tagName")代替document.getElementByTagName();
jQuery获取的永远是对象,网页没有此元素时,应该根据元素长度判断,代码以下:
if(jQuery.("#demo").length > 0){
//do something
}
或转换成DOM对象来判断,代码以下:
if(jQuery("#demo")[0]){
//do something
}
======================================================================================
5、jQuery中的DOM操做
--------------------------------
======================================================================================
6、jQuery中的事件和动画
--------------------------------
======================================================================================
7、jQuery对表单、表格的操做及更多
--------------------------------
======================================================================================
8、jQuery与Ajax的应用
--------------------------------
======================================================================================
9、插件的使用与写法
--------------------------------
======================================================================================