zoukankan      html  css  js  c++  java
  • jQuery

      w3cSchool你值得拥有:https://www.w3school.com.cn/index.html

    jQuery 库包含以下特性:

    • HTML 元素选取
    • HTML 元素操作
    • CSS 操作
    • HTML 事件函数
    • JavaScript 特效和动画
    • HTML DOM 遍历和修改
    • AJAX
    • Utilities

      jQuery是js的一个工具库,由John Resig在2006年发布。
    j代表JavaScript,query是“查询”的意思。也就是说,这个库的意图是基于JavaScript的查询。查询的目标是什么?答案是DOM(文档对象模型)结构中的Node(节点)。一个网页就是一个html文档,而网页上的所有内容都是节点,包括文档节点、元素节点、文本节点、注释节点、属性节点等等。而jQuery的查询最主要针对的是元素节点,如段落(p)、锚点(a)、表格(table)等,同时jQuery还可以用attr方法方便地对元素节点的属性进行读取/设置。

    在jQuery出现之前,在js程序中获取元素节点比较麻烦,例如获取id为elem1的节点:
    document.getElementById('elem1')
    或者是获取页面上的所有checkbox元素,首先需要获取input类型的元素:
    document.getElementsByTagName('input')
    然后对获得的元素列表进行for循环处理,逐个判断其类型是否为checkbox。
    如果有更多元化的查询要求,则对应的js代码也会相当复杂。虽然有一些库可以解决这方面的需求,但强大程度、易用性等方面都不太理想。John Resig发现了一个盲点——css样式应用到页面上的元素时,是有一套规则的,即css选择器,浏览器可以通过css选择器找到匹配的元素并将指定的样式应用到这些元素上。也就是说,通过css选择器可以有效地进行元素查找定位,但它最初只被用于样式领域。

    于是,John Resig根据css选择器编写了jQuery选择器,并对选择器的规则进行了扩充,从而让元素查找变得非常方便。
    例如,上面2个例子用jQuery可以写为:
    $('#elem1')

    $(":checkbox")
    同时,jQuery还有一个核心思想——链式操作,例如:
    $('div.con')
    .height(100)
    .show();
    这样的连续调用可以让代码书写更加简洁,也就是jQuery自己的口号:写的更少,做的更多此外,jQuery还提供了浏览器兼容、样式读写、事件绑定与执行、动画等特性,后来又加入了ajax、promise等,再加上方便的插件编写机制,对整个js的生态圈产生了重大的影响,可以说是js历史上影响力最大的一个库。

    ===========================分割线================================

    $(this).hide()演示 jQuery hide() 函数,隐藏当前的 HTML 元素。

    $("#test").hide()演示 jQuery hide() 函数,隐藏 id="test" 的元素。

    $("p").hide()演示 jQuery hide() 函数,隐藏所有 <p> 元素。

    $(".test").hide()演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。

    1.$(function(){ .....} )是文档加载完毕就执行的意思,相当于$(document).ready(function(){ ...... }) 

    2.<link>引用外部CSS样式

    3.var node = doucument.CreateElements("neWnode"); 创建新标签   node.src = [[@{/...}]] 设置标签的属性

  • 相关阅读:
    (1)java设计模式之简单工厂模式
    QuartZ Cron表达式在java定时框架中的应用
    java.lang.OutOfMemoryError:GC overhead limit exceeded填坑心得
    https实现安全传输的流程
    liunx上运行mybase
    liux之sed用法
    java并发之CyclicBarrier
    java并发之Semaphore
    关于ConcurrentSkipListMap的理解
    java中Iterator和ListIterator的区别与联系
  • 原文地址:https://www.cnblogs.com/max1995/p/12012734.html
Copyright © 2011-2022 走看看