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(选中的单选框)

posted @ 2019-07-29 11:29  月华君  阅读(137)  评论(0编辑  收藏  举报