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)序号过滤

  • 相关阅读:
    【转】ASP.NET配置文件详解
    asp.net 使用application实现单点登录(一个账号只能在一个地方登录)
    转:gridview获取当前行索引的方法
    awk中调用shell的自定义函数
    不想做操作工就把你的心静下来
    nagios通过脚本对系统进行定制监控
    关于一个sql执行时间而引发的讨论
    网站前端服务器高可用方案
    NFS在Centos 6.3下的安装
    关于perl中中文乱码的解决办法
  • 原文地址:https://www.cnblogs.com/wjl3898/p/5791385.html
Copyright © 2011-2022 走看看