一个基本jQuery示例

<body>
...........................
1<script src="js/jQuery-1.11.0.js"></script>
2<script src="js/basic-example.js"></script>
</body>

第1个script代表其版本,jq源代码不可更改(符号$等);
第2个script时根据需求自己写的,一个body可以包含多个script,但是必须有1。

jQuery是一个在页面中引用的JavaScript文件。它允许你通过css样式选择器来找到一些元素,并且在这些元素上使用jQuery提供的一些方法。

1、使用css样式选择器查找元素
jQuery() 缩写 $()

$("li.hot")
()内为选择器,整体为函数(创建jQuery对象)
jQuery()函数有一个参数:css样式选择器。上面中的选择器会找到所有class属性为hot的<li>元素。

···
$("li.hot").addclass("complete");
.addclass("complete")方法;这里,这个方法向class属性添加了一个新的值,这个参数制定了一个需要被添加到class属性的值。



匹配结果集/jQuery选取结果、获取和设置数据的jQuery方法

一、匹配结。。。。。。
定义:选中一个或者多个元素后,会返回一个jQuery对象。 
如果选择器返回了一个一个元素,那么jQuery对象只包含这个元素节点的引用。如果返回多个元素则包含每个元素的引用。
二、获取和设置、、、
获取信息:如果jQuery选取结果中包含多个元素,并且使用一个方法从中获取信息,那么
                jQuery只会从匹配结果集的第一个元素中获取此信息。
设置信息:如果jQuery选取结果包含多个元素,并且使用一个方法更新信息,那么jQuery
                  会更新匹配结果集中的所有元素的信息,而不只是第一个元素。

.ready方法;

$(document).ready(function(){
//Your script goes here
});

简写

$(function(){
//Your script goes here
});

在页面的最后放置一个脚本(紧跟在</body>标签之前),此时元素就已经被夹在到DOM树中了;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容