1、先讲讲JQuery的概念
JQuery首先是由一个 America 的叫什么 John
Resig的人创建的,后来又很多的JS高手也加入了这个团队。其实
JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用简单的一些代码实现一些复杂的JS效果。
2、JQuery实现了代码的分离
不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和自己编写的JQuery代码就可以了;
如:
$(function(){
});
上面的代码中只要定义了Element 这个元素
alert("点击我哦!");这个是要执行的代码,当然你可以有很多的操作在这个函数中;
这里面的$这个号代表JQuery的意思,就是引用类库了。。。我是这么理解的;
3、JQuery的核心的一些方法
each(callback)
'就像循环
$("Element").length;
‘元素的个数,是个属性
$("Element").size();
’也是元素的个数,不过带括号是个方法
$("Element").get();
‘某个元素在页面中的集合,以数组的形式存储
$("Element").get(index);
’功能和上面的相同,index表示第几个元素,数组的下标
$("Element").get().reverse();
‘把得到的数组方向
$("Element1").index($("Element2"));
’元素2在元素1中的索引值是。。。
4、基本对象获取(注意这里获取的都是Jquery对象而不是Dom对象哦,但是他俩是可以转换滴)
$("*")
$("#XXX") ’获得 id=XXX
的元素对象(id可以是标签的id或CSS样式id)
$("input[name='username']")
$(".abc") ' 获得样式class的名字是.abc的元素对象
$("div") ' 标签选择器
选择所有的div元素
$("#a,.b,span")
'表示获得ID是a的元素和使用了类样式b的元素以及所有的span元素
$("#a .b p") 'ID号是a的并且使用了 b样式的
所有的p元素
示例:
<html>