一、jQuery基础

一、什么是jQuery?

jq是一个JavaScript库,它通过原生的JavaScript函数得到一整套定义的好方法。

二、jq的功能和优势

像css那样访问和操作DOM对象

修改css控制页面外观

简化JavaScript代码操作

事件处理更加容易

各种动画效果使用方便

让ajax更加完美

基于jquery大量插件

自行扩展功能插件

三、其他jquery库

YUI:是雅虎公司开发的一套完备的,扩展性良好的的富交互网页工具

Prototype:是最早成型的JavaScript库之一,对JavaScript内置对象做了极大的扩展

Dojo:强大之处在于提供了其他库没有的功能,离线存储,图标组件等等

Mootools:清亮,间洁,模块化和面向对象的JavaScript框架

ExtJs:简称Ext,原本是对YUI的一个扩展,主要创建前端用户界面

四、代码风格
美元符号“$”就是jquery当中最重要且独有的元素

五、加载模式

window.οnlοad=function(){}    //js等待加载

执行时机:必须等待网页全部加载完(包括图片等),再执行包裹代码

执行次数:只能执行一次,如果第二次,那么第一次会被覆盖

简写方案:无

$(document).ready(function(){})  //jquery等待加载

执行时机:只需要等待网页中DOM结构加载完毕,就能执行包裹的代码

执行次数:可以执行n次,第n次都不会被上一次覆盖

简写方案:

$(function(){

})

六、对象互换

jquery转化成DOM对象  通过get(index)或者[index]

七、多个库之间的冲突

1、将jquery库在Base库之前引入,那么$就归Base库所有,而jq可以直接用Jquery对象调用,或者创建一个“$$”符给jQuery使用

var $$=jQuery;
$(function(){
    alert($());  //base库
    alert($$());  //jquery库
})

2、将Base库在jquery库之前引入,那么$就归jquery库所有,而base库将会冲突而失去作用

jQuery.noConflict();  //剔除$符所有权
var $$=jQuery;
$(function(){
    alert($());  //base库
    alert($$());  //jquery库
})


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值