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


     

                                     第一单元                                      

    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页面中的所有元素。

     

     

     

    复合选择器:

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

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

     

     

     

    《敢想敢做,就敢于去实现它》 -----我的座右铭
  • 相关阅读:
    (转)[数据库基础]——编码标准之命名
    学习进度-06
    学习进度-05
    学习进度-04 Scala的学习
    学习进度-03
    学习进度-02
    学习进度-01
    《用例分析技术》读后感-01
    《掌握需求过程》阅读笔记-02
    《掌握需求过程》读后感-01
  • 原文地址:https://www.cnblogs.com/chenhongshuang/p/8624410.html
Copyright © 2020-2023  润新知