返回首页
当前位置: 主页 > 网络编程 > Jsp实例教程 >

jQuery入门基础教程

时间:2013-05-27 17:33来源:betway必威官网www.etsupport.net 编辑:麦田守望者

在学习任何一门语言的时候都要了解这门语言的一些基本知识,包括简介,功能,优点缺点什么的,根据自己的需求去学习,
有目的的学习才会学的更好,以下就是jQuery的一些基础知识。
一:jQuery是什么?
一种全新的js库(vs. prototype, YUI, ExtJs)
Write less, do more(简单明了易懂,最重要的是面向对象和对浏览器的抽象)
jQuery is designed to change the way that you write JavaScript.
jQuery的2个超强的能力(DOM查找能力和功能扩展能力)

二:jQuery有哪些功能?
1、获取页面的部分内容
2、修改页面的外观
3、修改页面的内容
4、在页面中响应用户的交互
5、给页面加上动画
通过Ajax跟后端交互

三:jQuery怎么使用
使用选择器定位 相应内容$(“*****”)
做我们的工作$(“*****”).doOurWork();

四:jQuery编码风格
jQuery采用lambda方式写代码
即:经常把一个匿名方法作为参数传递给方法,如下
$(document).ready(function(){…..});
jQuery方法的命名 采用camel方式
比如 addClass(), removeClass()

五:jQuery选择器
选择符 $()
其实$()=jQuery();
当我们使用$()选择一个页面元素的时候,其返回值是一个jQuery对象. $()其实就是使用构造函数jQuery(),构建了一个jQuery对象(或者对

象数组)
jQuery的构造函数接收四种类型的参数:
jQuery(elements)
jQuery(expression,context)
jQuery(html)
jQuery(fn)
jQuery(fn) =$(document).ready()
相当于body的onload事件,但是发生的时机稍微不同

六:jQuery 的用户响应
绑定事件处理程序
撤销事件处理程序
代码触发事件的方法
jQuery中特色的
比如text()是获取某对象的内容setter/getter
而text(“****”)则是给对象内容赋值
其他还用很多这样的方法:html()等

七:jQuery 的扩展原理
jQuery的扩展能力是基于JavaScript的原型每个javascript类(对象)都有一个原型对象(简称原型),
这个原型是由该对象的构造函数所定义(javascript自动创建的),并且对象继承原型的所有属性和方法(函数).
我们也可以手动操纵这个原型对象:{类名称}.prototype
jQuery.fn = jQuery.prototype
jQuery.fn.check = function ()
{ return this.each( function()
{ this.checked = true ; });
};
我们在其他的地方就可以这样使用:
$(“***”).check();//跟使用jQuery自己的函数一样

八:jQuery常用插件
jquery.ui.tabs
jquery.toggleElements
jquery.nyroModal
jQuery Validation Plugin
jQuery Ajax Form
 

顶一下
(0)
0%
踩一下
(0)
0%
标签(Tag):jQuery jquery教程 jquery技巧
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片