zoukankan      html  css  js  c++  java
  • 什么是jquery $ jQuery对象和DOM对象 和一些选择器

    1什么是jQuery:

    jQuery就是将一些方法封装在一个js文件中。就是个js库

    我们学习这些方法。

    2为什么要学习jQuery:

    原生js有以下问题:

    1.兼容性问题
    2.代码重复
    3.DOM提供的方法名太长,难记
    4.代码容错性较差
    5.入口函数只能有一个,如果出现多个,后面的会把前面的覆盖掉

    3

    jQuery版本介绍:
    大版本 ; 1 2 3 1 兼容ie6、7、8 2 3 不兼容
    小版本: 压缩版(生产环境中用) 没有注释 没有换行 没有空格 变量名 都是 a b c d 这种模式 体积特别小
    未压缩版(开发环境中用) 注释特别清晰 格式也特别清晰

    4$本质

    $(selector) 选择器
    $(domObj) 将dom对象转换成jQuery对象
    $(function) 入口函数的第二种写法

    $===jQuery

    5jQuery对象和DOM对象:

    jQuery对象:jQuery方法获取的元素就是jQuery对象

    jQuery对象就是DOM对象的包装集 (伪数组)

    DOM对象:js方法获取的元素就是dom对象


    jQuery对象转dom对象
    jQueryObj[index]
    jQueryObj.get(index)

    dom对象转jQuery对象 (给钱就能成事儿)
    $(domObj)

    5一些选择器::

     5.1基本选择器:id选择器     $("#id名")

    class选择器  $(".className")

    表签选择期  $("TagName")

    并集选择器 $("selector1,slector2.........")

    交集选择器  $("selector1selector2.......")

     5.2层级选择器

    后代选择器 $("selector1 selector2 ....")
    子代选择期 $("selctor1>selector2>.......")

    5.3过滤选择器
    $("selector:filter")
    $("selector:odd") 奇数过滤选择器
    $("selector:even") 偶数过滤选择器
    $("selector:eq(index)") 序号过滤选择器

    5.4过滤选择器
    是方法
    jequryObj.children("selector")子元素过滤
    jequryObj.parent()父元素
    jequryObj.siblings("selector")兄弟元素过滤
    jequryObj.next();下一个元素
    jequryObj.find("selector")后代过滤
    jequryObj.eq(index)序号过滤

  • 相关阅读:
    session概述
    Flask实现登录功能【附完整Demo】(转)
    Python __repr__()方法:显示属性(转)
    Python使用SQLAlchemy连接数据库CRUD
    网络基础知识集合
    面向切面编程AOP
    SQL基础 insert table_name_1 (field1,field2,...) select value1,value2,... from table_name_2 ...
    java中char类型的变量为什么可以赋值为整型数字?
    iOS应用生命周期
    视图生命周期与视图控制器生命周期
  • 原文地址:https://www.cnblogs.com/wjl3898/p/5791385.html
Copyright © 2011-2022 走看看