jquery—— jQuery 是目前最流行的 JS 框架

xtxt1127 2021-11-04 原文


jquery—— jQuery 是目前最流行的 JS 框架

jQuery 库可以通过一行简单的标记被添加到网页中。

什么是 jQuery ?

jQuery是一个JavaScript函数库。

jQuery是一个轻量级的”写的少,做的多”的JavaScript库。

jQuery库包含以下功能:

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

提示: 除此之外,Jquery还提供了大量的插件。

 

目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。

 

jQuery 语法


通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行”操作”(actions)。


jQuery 语法

jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。

基础语法: $(selector).action()

  • 美元符号定义 jQuery
  • 选择符(selector)”查询”和”查找” HTML 元素
  • jQuery 的 action() 执行对元素的操作

实例:

  • $(this).hide() – 隐藏当前元素

  • $(“p”).hide() – 隐藏所有 <p> 元素

  • $(“p.test”).hide() – 隐藏所有 class=”test” 的 <p> 元素

  • $(“#test”).hide() – 隐藏所有 id=”test” 的元素

 

 

jQuery 入口函数:

$(document).ready(function(){
    // 执行代码
});
或者
$(function(){
    // 执行代码
});

JavaScript 入口函数:

window.onload = function () {
    // 执行代码
}

jQuery 入口函数与 JavaScript 入口函数的区别:

  • jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行。
  • JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行。

摘自 https://www.runoob.com/jquery/jquery-syntax.html
发表于
2019-10-25 09:29 
未渡先搁浅 
阅读(608
评论(0
编辑 
收藏 
举报

 

版权声明:本文为xtxt1127原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/xtxt1127/p/11736312.html

jquery—— jQuery 是目前最流行的 JS 框架的更多相关文章

  1. JavaScript:jQuery类库

    目录jQuery类库一、jQuery简介1.特点2.使用jQuery的不同方式3.jQuery底层本质4.标签对象与jQuery对象二、jQuery查找标签1.基本选择器2.组合选择器3.层级选择器4.属性选择器5.基本筛选器6.表单筛选...

  2. Django中使用JS通过DataTable实现表格前端分页,每页显示,搜索等功能

    Django架构中自带了后端分页的技术,通过Paginator进行分页,前端点击按钮提交后台进行页面切换。 优 […]...

  3. 详解node+mongoose+mongoDb(mongoDb安装、运行,在node中链接)

    一、序言   好久没写博客了,这次主要聊聊 node 和 mongoDb 。 先说明一下技术栈  node + […]...

  4. promise的原理

    promise的原理 一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise 对象的状态改变,只 […]...

  5. JQuery筛选选择器

    建立一个html文件,引入JQuery的js文件 <meta http-equiv="X-UA-C...

  6. JS 将Table内容导出到Excel(样式设计)

    转载请注明来源:https://www.cnblogs.com/hookjc/ function saveAs […]...

  7. jQuery -JQ方法大全

        $(“p”).addClass(css中定义的样式类型); 给某个元素添加样式 […]...

  8. 同源和跨域详解

    同源 同源策略的基本概念 1995年,同源政策由 Netscape 公司引入浏览器。目前,所有浏览器都实行这个 […]...

随机推荐

  1. 集合经典案例:斗地主发牌功能实现

    集合经典案例:斗地主发牌功能实现 集合经典案例:斗地主发牌功能实现 案例分析: 1,生成牌 利用单列集合,存储 […]...

  2. pytest系列(六) – app 自动化测试 – 多设备并发 -appium+pytest+ 多线程

    1、appium+python 实现单设备的 app 自动化测试 启动 appium server,占用端口 […]...

  3. 启动eclipse could not create the java Vittual Machine

    查询并几种方法: 1.都说是 eclipse.ini  环境初始文件的 内存问题,续增大堆内存大小,具体配置如 […]...

  4. 《周易》乾卦中的职场智慧,你现在处于哪个阶段呢?

       乾卦是周易八宫六十四卦中的第一卦,主卦和客卦都是乾卦,乾卦讲的是一个事物从发生到繁荣的过程,也适用于人生 […]...

  5. JSTORM 问题排查

    ## 运行时topology的task列表中报”task is dead”错误有几个原 […]...

  6. Codis与RedisCluster的原理详解

    背景介绍 我们先来看一下为什么要做集群,如果我们要部署一个单节点Redis,很明显会遇到单点故障的问题。 首先 […]...

  7. GitHub 上下载单个文件夹

         写代码的一定经常去github上查看、下载一些源码,有时候会想下载一个项目中的一个文件夹里的内容,但 […]...

  8. 三个实例演示 Java Thread Dump 日志分析

    线程状态 死锁, DeadLock, 多个线程调用间, 进入相互资源占用, 导致一直等待无法释放的情况; 执行 […]...

展开目录

目录导航