ITPub博客

首页 > Linux操作系统 > Linux操作系统 > jQuery学习

jQuery学习

原创 Linux操作系统 作者:grazier 时间:2009-03-21 08:50:30 0 删除 编辑
一、jQuery能做什么?
1、取得页面中的元素,方便的取得DOM树。
2、修改页面的外观,结合CSS。
3、改变页面的内容,可以改变文本、插入或翻转图像、对列表重新排序。
4、响应用户的页面操作。
5、为页面添加动态效果。
6、无需刷新页面即可从服务器获取信息。
二、名词解释
1、DOM
文件对象模型 Document Object Model,是给html与xml文件使用的一组API。它提供了文件的结构表述(representation),让你可以更改其中的内容及可见物。其本质是建立网页与Script或程序语言沟通的桥梁。
2、选择符
CSS、XPath、自定义的选择符
3、Ajax 
异步js和xml,Asynchronous JavaScript. and Xml,一个ajax解决方案中涉及的技术如下:
1)js,通过用户或其它与浏览器相关事件捕获交互作用;
2)XmlHttpRequest对象,通过这个对象可以在不中断其它浏览器任务的情况下向服务器发送请示;
3)服务器上的xml文件,或者其它类似的数据格式;
4)其它js,解释来自服务器的数据并将其呈现到页面上;
三、知识点
1、工厂函数$()
无论使用哪种类型的选择符都要从$()开始;
$()函数对圆括号中的任何元素都将自动执行循环遍历,并且会保存到一个jQuery对象中。$可以修改jQuery库,修改成自定义的值,如改为jQuery,则使用时为jQuery(),$在javascript库中很常见,修改后可以避免冲突。
常见例子:
1)标签名:$('table'),$('p')
2)标签ID:$('#some-id'),会取得文档中具有对应的值为some-id的ID的一个元素;
3)css类:$('.some-class')会取得文档中带有some-class类的所有元素;
4)取得所有带title属性的链接:$('a[@title]');
5)包含一个ol元素的所有div元素:$('div[ol]');
6)选择所有带href属性([@href])且以mailto开头(^="mailto:")的锚元素(a):
$('a[@href^="mailto:"]')

2、事件
1)通过.bind()或.click()响应用户在页面元素上的单击操作,改变应用于页面的样式;
2)将处理程序绑定到几个元素,都可能通过事件环境基于被单击的页面元素执行不同的操作;
3)通过使用.toggle()交替地扩展和折叠页面元素;
4)通过使用.hover()突出显示位于鼠标指针下文的页面元素;
5)通过.stopPropagation()和.preventDefault()来影响哪个元素能够响应事件;
6)调用.unbind()移除停用的事件处理程序;
7)通过.trigger()引发执行绑定的事件处理程序;

3、css应用
能够使用.css()来渐进地增大或减小文本的大小。也应该能够以不同的方式应用多种效果,以便逐渐地隐藏和显示页面元素。此外,还应该能够通过许多方式,同时地或相继地为多个元素实现动画效果。

4、DOM操作方法
jQuery的DOM操作方法完成了元素的创建、复制、重组以及内容修饰等操作。通过在一个网页上应用这些方法,将一组普通的段落转换成了带脚注、突出引用、返回链接以及经过样式化的文学摘录。
(1)要在每个匹配的元素中插入新元素,使用:.append()、.appendTo()、.prepend()、.prependTo();
(2)在每个匹配的元素相邻的位置上插入新元素,使用:.after()、.insertAfter()、.before()、.insertBefore();
(3)在每个匹配的元素外部插入新元素,使用:.wrap()
(4)用新元素或文本替换每个匹配的元素,使用:.html()、.text()
(5)移除每个匹配的元素中的元素,使用:.empty()
(6)从文档中移除每个匹配的元素及其后代元素,但不实际删除它们,使用:.remove();

四、优点
1、跨浏览器

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/118838/viewspace-573272/,如需转载,请注明出处,否则将追究法律责任。

上一篇: 报表开发总结
请登录后发表评论 登录
全部评论

注册时间:2008-10-20

  • 博文量
    53
  • 访问量
    221185