jQuery学习笔记
jQuery框架
类似于我们的框架,核心是选择器(从网页中选取元素)
事件处理的框架
css
html属性
内容操作等函数
AJax处理框架(需要连接后台服务器端的代码)
等……
可以扩展功能,扩展接口,扩展出一些常用的功能,eg:扩展(ui,轮播图)
要想在网页中使用jQuery框架:(步骤)
1、下载jQuery框架的代码:jQuery0.10.js(有源代码版本大概样式),jQuery0.10.min.js(压缩版)
2、在页面上使用<script type=”text/javascript” src=”jquery.js”></script>
3、具体使用
<script>
$().ready(function(){
//写js代码
})
</script>
$():工厂函数(方法,工厂方法。这是jQuery最核心的函数)
$(选择器):负责按照选择器的规则查找出网页上的元素,返回一个jQuery对象
(相当于自己写的select函数,也是负责查找)
$()=$(document) -->选择出网页文档document=JQuery对象
jQuery对象.ready(function(){}):给ready事件绑定上处理方法
ready事件:理解成window.onload事件,在网页加载完成时触发
一般引用外部的js直接写在<head></head>头部
完整版:$(document).ready(function(){});
缩写:$().ready(function(){});
最简写:$function((){});
选择器:
1、基本选择器:id,类(classname),标签(tagname),通配符(*)
强调:$(选择器)的结果是一个Jquery对象,不是元素对象Elememt
jquery对象和element对象可以相互转换
jquery --> []下标
2、关系选择器:组合(s1,s2),后代(s1 s2),父子(s1>s2),兄弟(s1+s2(nextSibling向后选兄弟,只找一个,最近的那一个,也就是所谓的大弟弟))(s1~s2nextAll所有弟弟)
3、表单元素的选择器:
:input -->选择所有表单元素
$(“:input”):选出所有表单元素(input,button,textarea,select……)
$(“input”):选出input标签的所有元素()只有input,
:text
:button
:submit
:radio:单选按钮
:checkbox:多选框
4、过滤器:一般规则,先按照选择器选择元素,再按过滤器筛选
下标过滤器,jQuery对象本质就是多个元素构成的数组
:first :last :even(偶数) :odd(奇数) :eq(n)(第几行) :gt(n) :lt(n)
5、属性过滤器:html标签的属性和属性值来进行过滤
[attr]:具备attr属性
[attr = val]:具备attr属性,并且该属性的值=val
[attr != val]:
[attr ^=val]:具备attr属性,并且该属性的值以val开头
[attr $=val]:具备attr属性,并且该属性的值以val结束
[attr *=val]具备attr属性,并且该属性的值包含val
6、内容过滤器
:contains(“文本”) -->内容中包含指定文本
:empty -->没有内容的<></>
:parent -->有内容的
:has(选择器) -->(用来判断标签)
7、特殊的过滤器
:disabled(禁用掉的)
:hidden(被隐藏掉的)
:checked()
:selected(选中的单选框)