码迷,mamicode.com
首页 > Web开发 > 详细

(jQuery知识点整理-含有选择器)

时间:2018-03-22 17:32:08      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:color   font   可见   过滤器   too   合集   family   否支持   more   

 

                                 第一单元                                      

jQuery介绍

 

  1. javaScript类库

   javaScript类库的出现,是为了简化javaScript的开发。

   javaScript类库封装了预定义的对象和使用的函数,可以帮助开发人员来建立

   有高难度交互的Web 2.0特性的富客户端页面,并且兼容各大浏览器,

   javaScript类库可以简称为JS

   目前比较流行的javaScript类库有:

   -jQuer –Mootools –Prototype – Dojo

2.什么jQuery

 jQuery一个优秀的轻量级javaScript类库,是由John Resig创建于20061的开源项目。

jQuery可以兼容CSS3及各种浏览器

 使开发人员更方便处理HTML页面、处理时间、操作DOM实现动画效果,并且方便位网站提供AJAX交互

 使用户HTML页面保持代码和HTML内容分离。

 注意jQuery2.X开始不再支持Internet Explorer6,7,8。

  1. 什么jQuery 

jQuery是核心理念的write less,do more(更少的代码,做更的事情)

二、jQuery的编程步骤

  jQuery的编程步骤

  1. 引入jQueryjs文件
  2. 使用选择器定位要操作的结点。
  3. 调用jQuery方法进行操作。

  向对象的思想。

 Hild();显示

Shoud();隐藏

jQuery对象

1.工厂函数$()

 jQuery,无论使用哪种类型的选择符,要从一个美元符号$一对圆括号开始:$()

 所有能在样式表中使用的选择符,都能放到这个圆括号中的引号内。

 

、什么是jQuery对象:

 技术分享图片

 

 

 

DOM对象转换为jQuery对象

  使用$()DOM对象棒状起来,就可以转化成jQuery对象

  语法$(对象)

 技术分享图片

 

 

 

jQuery对象转换为DOM对象

jQuery对象通过jQuery提供getindex)方法,得到对应DOM对象

--语法:DOM对象=jQuery对象.get(index).

jQuery对象是一个数组对象,可以通过[index]方式,得到对应的DOM对象

--语法:DOM对象=jQuery对象[index].

 技术分享图片

 

 

 

jQuery选择器

  基本选择器:ID选择器、类选择器、元素选择器、通配符选择器复合选择器

  层次选择器Select1空格select2Select1>select2Select+select2Select1~select2

  过滤选择器:基本过滤器、内容过滤器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单属性过滤选择器。

  表单选择器:表单选择器。

  什么是jQuery选择器

  jQuery选择器选择器类似于CSS选择(定位元素、施加样式),能够实现定位元素,施加行为。

  使用jQuery选择器能够将内容与行分离。

  学会使用选择器学习jQuery的基础。

 

八、jQuery选择器的种类

  简洁的写法:-$()工厂函数在很多JavaScript类库中都被作为一个选择器函数使用。

  支持CSS1CSS3选择器

  --jQuery选择器支持CSS1CSS2CSS3选择器,同时拥有少量独有的选择器用法。

  --使用jQuery选择器时,无需考虑浏览器是否支持这些选择器。

  完善的处理机制。

九、基本选择器

 ID选择器:

  特点:最快,尽量使用id选择器。

  作用:返回匹配id属性值的所有元素。

  用法:$(‘’#myDIV’)

  说明:返回HTML页面中idmyDiv的所有元素。

 技术分享图片

 

 

 类选择器:

  作用:返回匹配class属性值的所有元素。

  用法:$(“.className”)

  说明:返回HTML页面中classclassName的所有元素

 技术分享图片

 

 

 

元素选择器:

  作用:返回匹配元素名的所有元素。

  用法:$(“elementName”).

  说明:返回HTML页面中元素为elementName的所有元素。

技术分享图片

 

 

通配符选择器:

  作用:返回当前HTML页面的所有元素。

  用法:$(“*”)

  说明:返回HTML页面中的所有元素。

 技术分享图片

 

 

复合选择器:

  复合选择器,即所有选择器的合集。

  将每一个选择匹配到的元素合并后一起返回。

 技术分享图片

 

 

(jQuery知识点整理-含有选择器)

标签:color   font   可见   过滤器   too   合集   family   否支持   more   

原文地址:https://www.cnblogs.com/chenhongshuang/p/8624410.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!