一、jQuery简介
--------------------------------
jQuery是一个开源的JavaScript项目,凭借简洁的语法和跨平台的兼容性,极大简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。
jQuery强调写得少,做的多。jQuery独特的选择器、链式的DOM操作、事件处理机制和封装完善的Ajax都是其他JavaScript库望尘莫及。
======================================================================================
二、jQuery配置
--------------------------------
jQuery官网:http://jquery.com/
jQuery无需配置,只要将jQuery库复制到公共路径即可,在引入时写在其他调用它的前面。
======================================================================================
三、jQuery与其他库冲突
--------------------------------
“$”作为jQuery的快捷方式,在其他库中也经常被使用,为了避免冲突,通常在写js代码的第一行,将“$”权限释放,代码如下:
jQuery.noConflict();
或另外新建其他快捷方式并释放,代码如下:
var jq = jQuery.noConflict();
======================================================================================
四、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
}
======================================================================================
五、jQuery中的DOM操作
--------------------------------
======================================================================================
六、jQuery中的事件和动画
--------------------------------
======================================================================================
七、jQuery对表单、表格的操作及更多
--------------------------------
======================================================================================
八、jQuery与Ajax的应用
--------------------------------
======================================================================================
九、插件的使用与写法
--------------------------------
======================================================================================
共同学习,写下你的评论
评论加载中...
作者其他优质文章