收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 5648|回复: 4

你为什么不用jQuery系列[2]——试用jQuery

[复制链接]
发表于 2007-4-13 00:18:53 | 显示全部楼层 |阅读模式
今天来到jQuery的系列二,来看看jQuery到底怎么使用,到底方便在哪里

这里只能是粗略的讲一讲,想要获取更多的信息,请访问官方网站http://jquery.com

jQuery里含金量最高的一个函数估计就是$()函数了,jQuery使用美元符号$来返回一个jQuery对象,得到对象后,那事情就好办了,有一堆函数等着你调用

怎么样,看出jQuery的优势了吧,不用再写那么长的document.getElementByElement(),一个$就搞定了,而且还兼容各种浏览器,太方便了

1、通过ID定位
假设有这么一个DIV,<div id="test"></div>,那么jQuery就可以这么定位这个DOM,$("#test"),相当于document.getElementByElement("test")

2、通过属性定位
假设有一个按钮<input type="text">,那么jQuery就可以这么找到这个按钮,当然前提是只有一个text,$("input[@type='text']");
从这个例子中可以看出
如果直接$("input")将得到所有tagName为input的元素,所以可以通过这个方法来取得tagName相同的元素,比如$("p");
如果有属性的话,像数组一样包含在方括号里面,前面加一个@(感觉这个像是从php那借鉴的)
那如果要定位多个元素呢,很简单用","
比如要定位包含class为new和old的两类link,用$("a[@class='new'],a[@class='old']")就可以了

3、通过name定位
很简单,假如要找到页面中所有class为test的DOM,则只要一句话就可以了$(".test")

最基本的应用就是以上这些了,当然了,上面这些都是最简单的,关键还是在实践

另外$还有一个比较方便的功能

$(function(){})
这个和window.onLoad类似,但写法上又简洁了些,而且,与此相区别的是前者只需要页面的DOM载入完毕就执行该函数,而后者则需要页面中的元素及内容都加载完毕后才执行

下面这段代码要实现的功能是当鼠标移到文字上时,背景变色,移走恢复
由于要远程下载js文件,所以可能稍微有点慢,本地测试不存在这种状况

 提示:您可以先修改部分代码再运行


[[i] 本帖最后由 lzyy 于 2007-4-13 12:21 编辑 ]
发表于 2007-4-13 01:12:06 | 显示全部楼层
建议楼主看这个帖子:
http://bbs.blueidea.com/thread-2724848-1-1.html
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-4-13 11:34:50 | 显示全部楼层
恩,看了,但没有看出,为什么要看这个帖子

我只是喜欢jQuery,我只是希望更多的人通过jQuery来方便地解决实际问题
回复 支持 反对

使用道具 举报

发表于 2007-4-13 11:54:40 | 显示全部楼层
貌似IE下没有效果啊
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-4-13 12:18:30 | 显示全部楼层
肯定有效果,但是由于要远程下载js,所以可能会有点慢,可以刷新一下

[[i] 本帖最后由 lzyy 于 2007-4-13 12:20 编辑 ]
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-6-26 14:48 , Processed in 0.109097 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表