jQuery的基本信息。以及入门Demo

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部分。

 

posted @ 2014-04-09 09:35  ZM-Rid  阅读(474)  评论(0)  编辑  收藏  举报