<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树中了;