繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery教程：jQuery核心方法的使用
- Javascript
- 给初学者提供几本学习js值得看的书
- Javascript----文件操作
- Vml+Js算法:完成5个小球在网页运动(碰壁返回)的游戏,详细注释
- Vml+Dhtml:制作一个应用渐变颜色效果不错的进度条
- Dhtml+Js算法:5个小球运动的简化版,变通实现更简单的飞行的图片
- Vml+Dhtml:小小的页面效果,叫它"淘气鬼"好了
- 判断客户浏览器是否支持cookie
- 几种常用的表单输入判断
- CSDN无限级树数据库版(ASP+ACCESS)
- JavaScript 寫遊戲 : 俄羅斯方塊
- JavaScript 寫遊戲 : 搬吖
- JavaScript 遊戲 : 貪吃蛇
- JavaScript 寫時鍾日曆
- VML:经典的图片叠加效果(灰色调)
- 一个简单的仿xp的js下拉菜单
- JScript 寫 sortNode
- 关于javascript中数组元素删除问题的讨论
- IE中非模式对话框(showModelessDialog)应用
- Dhtml:用ondrag事件简单的实现鼠标拖动物件.
- 对WebUI技术感兴趣的说
Javascript 中的 jQuery教程：jQuery核心方法的使用
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-03-17 浏览: 93 ::
收藏到网摘: n/a
今天我们再深入的学习一下jQuery的核心。
jQuery对象访问：
each(callback)//根据我的理解，each是jQuery中的一种循环机制。一般与this关键字配合使用。学过程序的朋友都知道程序中的循环方式有以下几种do...while()、while()、for(expression1,expression2,expression3)以及C#和javaEE中JSTL标签中独有的forEach循环。jQuery中的each循环与forEach循环类似。具体使用方法在本节案例中讲述。
$("Element").length;//表示某个对象在HTML页面中的数量，与size用法一致，此方法不带有()。
$("Element").size();//表示某个对象在HTML页面中的数量，与length用法一致。
$("Element").get();//表示获得某个元素在HTML页面中的集合，以数组方式构建。
$("Element").get(index);//作用同上，如果get方法里面带有数字则表示获得数组中的第几个元素，索引从0开始。
$("Element").get().reverse();//表示将获取到得dom元素集合构建成的数组进行反向。比如默认排序是1,2,3使用了此方法则为3,2,1
$("Element").index($("Element"));//搜索index中所获得的元素在所匹配对象元素中的索引值（从0开始计数），若没有找到则返回-1。比如有5个div，其中第4个标签的ID是#bar那么$("div").index($("#bar"))所返回的索引值就是3。
jQuery插件机制：
$.extend
({
max:function(num1,num2){return num1 > num2 ? num1:num2;}
min:function(num1,num2){return num1 < num2? num1:num2;}
})
$.fn.extend
({
check:function()
{
return this.each(function() { this.checked = true; });
}
uncheck:function()
{
return this.each(function() { this.checked = false; });
}
})
//此方法也是一种插件的实现方法，其中this表示是调用者当前所指dom对象，比如$("#abc").click(function(){this})这里的this指的就是#abc这个dom对象。each在上面已经讲解过了。在此插件方法extend中定义了两个方法分别是check和uncheck。
比如：
$("input[@type=checkbox]").check();//表示将input标签的type属性设置为选中，其中，中括号中的内容表示如果input的type属性是checkbox的话，再设置为选中。
$("input[@type=radio]").uncheck(); //表示将input标签的type属性设置为未选中，其中，中括号中的内容表示如果input的type属性是radio的话，再设置为未选中。
多库共存：
有的时候我们可能在同一个页面内调用多种js库，比如即使用jQuery类库又使用ProToType类库，按理说没有问题，但是他们都用到了“$”符号，因此为了避免与其他库产生冲突，可以使用以下两种方法将其区别开来。
jQuery.noConflict();//使用方法，var j=noConflict();表示j在jQuery中将代替"$"符号。
jQuery.noConflict(true);//使用方法，dom.query = jQuery.noConflict(true)则表示将$和jQuery的控制权都交还给原来的库。比如你想要将jQuery嵌入一个高度冲突的环境。注意:调用此方法后极有可能导致插件失效。因此用的时候一定要考虑清楚。dom.query将代表"$"符号。
调用的时候只要使用$.max(2,3)传入任意的两个参数，那么将返回num2也就是数字3;$.min(7,8)则返回num1因为num1比num2小。$替换成jQuery完全没有问题。
评论 (0) All
