jQuery的基本信息。以及入门Demo
来源:互联网 发布:中国制造业数据pmi 编辑:程序博客网 时间:2024/03/29 07:38
javascript目前最流行的框架jQuery,它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。jQuery的作者的核心理念就是write less,do more(写得更少,做得更多)。他可以很轻松的实现动画效果,各种鼠标点击,经过的事件。而且文档十分全面丰富。是一款非常不错的javascript框架,并且在移动平台十分红火的今天,jQuery也顺势而为,推出了jQuery-mobile.js。
jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。
在头部页中引入jQuery,你就可以使用它,jQuery有一款完整版,一款min版,完整版拥有完美的代码格式,以及详尽的注释,在平常的学习中,可以阅读它。min版本是为了实际开发效率的提高,把完整版精简的一个版本,平常的项目中,我们都是用min版本
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
下面我写个Demo
元素添加单击事件,发生对象隐藏效果
<html><head><scripttype="text/javascript"src="jquery.js"></script><scripttype="text/javascript">$(function(){$("p").click(function(){$(this).hide();});});</script></head><body><p>Ifyouclickonme,Iwilldisappear.</p></body></html>
jQuery 使用 sizzle引擎,支持css选取,Xpath选取等方式。
$("p") 选取全部 <p> 元素。
$("p.intro") 选取所有包含class为"intro"的 <p> 元素。
$("#demo") 选取 id为"demo" 的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
$("[href^='/imgaes/']") 选取所有 href 值以 /imgaes/" 开头的元素。
更多详细信息请参见jQuery API的Selectors部分。
- jQuery的基本信息。以及入门Demo
- jquery.validate入门demo
- socket.io入门以及简易聊天室Demo的展示
- jQuery获得网页基本信息
- jQuery获得网页基本信息
- jQuery fileupload 的demo。
- jquery DataTable 的demo
- fragment的入门DEMO
- AsyncTask的使用以及Demo
- jquery移动动画的Demo
- jquery的插件 autocomplete demo
- jquery插件ajaxFileUpload的demo
- 简单的jquery mobile demo
- 模仿JQuery的简单Demo
- 我的Spring入门Demo
- ActiveMQ的入门实例demo
- Redis的入门Demo(java)
- 杨勇的基本信息
- 书籍阅读及下载链接
- php中CURL技术模拟登陆抓取数据实战,抓取某校教务处学生成绩。
- 使用视图更新表结构时注意事项
- user-agent查询
- 中文显示
- jQuery的基本信息。以及入门Demo
- soso街景开发——在移动应用(网站)中的应用
- 关于实现判断用户是在PC端和还是移动端访问。
- android:launchMode="singleTask" intent获取到的值没有更新
- 异常类的处理
- 如何防止表单重复提交
- Andorid游戏2048开发(一)
- linux时间函数
- oracle 11g实验五——触发器的使用