文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

jQuery 落幕了！

点击关注公众号，Java干货及时送达 出品 | OSC开源社区（ID：oschina2013） 作为差点一统全球门户网站的前端工具，jQuery 曾在 Web 2.0 初兴之时风头无两，然而随着前端技术的不断演进与浏览器底层标准的统一...John Resig 最早在 2005 年向外界展示了 JavaScript 上一个语法更简洁的 CSS 选择器，2006 年的 BarCampNYC 活动上，John Resig 发布了第二个新版本：...在 jQuery 之前，使用 JavaScript 操作 DOM 需要定义一个函数，然后将其绑定到特定 DOM 中的各种 HTML 元素中，这对于日常使用来说非常繁琐和复杂。...另一方面，在纯 JavaScript 开发中，开发者需要检查浏览器使用何种方式添加事件，然后再做选择，但是 jQuery 提供了隐藏了不同浏览器的 JavaScript 实现之间的一些不兼容性，可以自行检查浏览器需要什么方式...工作 3 年的同事不知道如何回滚代码！ 23 种设计模式实战（很全） Spring Boot 保护敏感配置的 4 种方法！ 再见单身狗！

74910

jQuery 已经落幕了~

作为差点一统全球门户网站的前端工具，jQuery 曾在 Web 2.0 初兴之时风头无两，然而随着前端技术的不断演进与浏览器底层标准的统一，jQuery 却逐渐成为一些网站眼中的 “技术债” 日前，英国政府网站...John Resig 最早在 2005 年向外界展示了 JavaScript 上一个语法更简洁的 CSS 选择器，2006 年的 BarCampNYC 活动上，John Resig 发布了第二个新版本：...在 jQuery 之前，使用 JavaScript 操作 DOM 需要定义一个函数，然后将其绑定到特定 DOM 中的各种 HTML 元素中，这对于日常使用来说非常繁琐和复杂。...，用字符串代替函数来查找元素，过滤子元素，相较其他引擎速度更快、文件大小更小、易于扩展并且没有依赖关系。...另一方面，在纯 JavaScript 开发中，开发者需要检查浏览器使用何种方式添加事件，然后再做选择，但是 jQryue 提供了隐藏了不同浏览器的 JavaScript 实现之间的一些不兼容性，可以自行检查浏览器需要什么方式

1.1K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    html css制作404页面,CSS3绘制404页面

    效果图如下: 代码如下: … CSS3绘制六边形 因为很简单,所以先总结一下:使用CSS3绘制六边形主要使用伪类:before和:after在源元素之前和之后再绘制两个元素,并利用css3的边框样式,...利用HTML5+CSS3绘制HTML5 … CSS3制作404立体字体 CSS3制作404立体字体页面效果 鼠标移动上去,背景色变白....编辑web.xml … 随机推荐 VB将JSON映射到表格实现解析 现在抓取网页数据的时候,经常会遇到JSON的数据,相对于繁杂无标签名的HTML源,用JSON传回的数据比较直观好看点.但是从其中提炼数据也让人觉得很烦躁...和JavaScript实现相同操作的等价代码。...选择元素 Javascript代码 1.// jQuery 2.var els = $(‘.el’); 3. 4.// 原生方法 5.var els = document.queryS

    2.3K20

    awesome-javascript-cn

    官网 noUiSlider：轻量无冗余的、高度定制化的滑块选择库。官网 rangeslider.js：HTML5  input 区域滑块元素。...官网 vanilla-masker：一个纯 JavaScript 实现的输入控制库。官网 Ion.CheckRadio：一个为复选框和单选按钮添加样式的 jQuery 库，支持多种皮肤。...官网 Pikaday：一个崭新的 JavaScript 日期选择器 —— 轻量、无依赖和模块化的 CSS。官网 fullcalendar：全尺寸、支持拖放事件的日历（jQuery 插件）。...官网 css-modal：纯 CSS 打造的模态框。官网 jquery-popup-overlay：是一个响应式的和可访问性强的模态框和工具提示框（tooltips）jQuery 插件。...官网 pica：高质量地调整图片大小（拥有快速的、纯 JS 实现的 Lanczos 滤镜算法）。官网 cropper：一个简单的图像裁剪 jQuery 插件。

    12.4K80

    asp.net中ScriptManager自带Ajax与jQuery事件冲突

    问题引诉：最近在使用asp.net自带的无刷新提交ScriptManager时，发现一个问题，就是和我自己用jQuery写的一些事件函数和局部刷新相冲突。...问题解决办法： 方法1、两者实现都能够实现页面的无刷新效果，所以可以保留其中的一种即可； 方法2、如果必须要两者混合应用，那么在用jQuery绑定事件是就要注意一些了    我们平时在jQuery中绑定事件最常用的方式有以下三种...：以click事件为例    （1）target.click(function(){});-----和纯js绑定事件没得什么区别    （2）target.bind("click",function()...所以针对上面问题，只需要在绑定事件的时候使用target.live("click",function(){})方式即可（jQuery版本必须是在1.4及其以上） 下面简单说明一下jQuery通过bind.../javascript"> javascript"> $(function () { $(".asa

    1.4K10

    移除jQuery好像也没那么难

    jQuery 是一个非常实用且实用的库，但随着浏览器对 ES6 的广泛支持（截至撰写本文时超过 96%），现在可能是时候从 jQuery 过渡到原生 JavaScript 了。...为了节省大家的时间，我编写了这个实用的参考指南，列出了一些最常见的 jQuery 模式及其在 JavaScript 中的等价物。我们将涵盖如何从这些概念和函数迁移到纯 JavaScript。...选择元素 选择一个或多个 DOM 元素是 jQuery 最基本的功能之一。...与 jQuery 可以直接对选择的所有元素调用方法不同，在纯 JavaScript 中，你需要使用 NodeList.forEach() 遍历这个 NodeList。...").appendChild(element); 总结 以上内容并不是对所有原生 JavaScript 方法的详尽指南，但希望这些实用示例能帮助您更轻松地从 jQuery 过渡到纯 JavaScript

    2.5K10

    「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

    jspm - 无摩擦浏览器包管理。 恩德 - 无库图书馆。 volo - 从模板创建前端项目，添加依赖项并自动生成项目。...jQuery-Tags-Input - 使用这个jQuery插件将一个简单的文本输入神奇地转换为一个很酷的标签列表。 vanilla-masker - 纯JavaScript掩码输入。...jquery-popbox - jQuery PopBox UI元素。 jquery.avgrund.js - 一个jQuery插件，带有弹出窗口的新模态概念。...css-modal - 由纯CSS构建的模态。 jquery-popup-overlay - 用于响应和可访问的模态窗口和工具提示的jQuery插件。...Pica - 高质量图像调整大小（使用快速Lanczos过滤器，在纯JS中实现）。 cropper - 一个简单的jQuery图像裁剪插件。

    9.1K21

    「沙里淘金」精选浏览器端JavaScript库资源推荐

    jQuery-Tags-Input - 使用这个jQuery插件将一个简单的文本输入神奇地转换为一个很酷的标签列表。 vanilla-masker - 纯JavaScript掩码输入。...Pikaday - 一个令人耳目一新的JavaScript Datepicker - 轻量级，无依赖关系，模块化CSS。 fullcalendar - 全尺寸拖放事件日历（jQuery插件）。...jquery-popbox - jQuery PopBox UI元素。 jquery.avgrund.js - 一个jQuery插件，带有弹出窗口的新模态概念。...css-modal - 由纯CSS构建的模态。 jquery-popup-overlay - 用于响应和可访问的模态窗口和工具提示的jQuery插件。...Pica - 高质量图像调整大小（使用快速Lanczos过滤器，在纯JS中实现）。 cropper - 一个简单的jQuery图像裁剪插件。

    8.2K20

    全网最新、最全的jQuery核心知识，你真的不想点开看看嘛？

    jQuery:是一款跨主流浏览器的 JavaScript 库，封装了 JavaScript 相关方法调用，简化 JavaScript 对 HTML DOM 操作 jQuery是一个Java的工具类，库是存放东西的...通过 DOM 对 HTML 页面的解析，可以将页面元素解析为元素节点、属性节点和文本节 点，这些解析出的节点对象，即 DOM 对象。DOM 对象可以使用 JavaScript 中的方法。...JavaScript 对象和 jQuery 对象 用 JavaScript 语法创建的对象叫做 JavaScript 对象, JavaScript 对象只能调用 JavaScript 对 象的 API。...JQuery 对象与 JavaScript 对象是可以互相转化的，一般地，由于 Jquery 用起来更加方便， 我们都是将 JavaScript 对象转化成 Jquery 对象 7.DOM 对象和 jQuery..."xml" - 一个 XML 文档 "html" - HTML 作为纯文本 "text" - 纯文本字符串 "json" - 以 JSON 运行响应，并以对象返回 语法格式：$.ajax({ data

    8K10

    IDEA永久激活码 激活教程 亲测有效(2022年最新IDEA激活码)

    兼具多功能性和可扩展性，jQuery改变了数百万人编写JavaScript的方式。...语言特点快速获取文档元素提供漂亮的页面动态效果创建AJAX无刷新网页提供对JavaScript语言的增强增强的事件处理更改网页内容jQuery的由来2005年8月，John Resig提议改进Prototype...于是John开始认真思考着这件事情（编写语法更为简洁的JavaScript程序库）。直到2006年1月14日，John Resig正式宣布以jQuery的名称发布自己的程序库。...在构造jQuery对象模块中，如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式，则会调用选择器Sizzle（一款纯JavaScript实现的CSS选择器引擎，用于查找与选择器表达式匹配的元素集合...）遍历文档，查找与之匹配的DOM元素，并创建一个包含了这些DOM元素引用的jQuery对象。

    2.6K10

    JavaScript强化教程——jQuery 核心

    本文作者：IMWeb 王军 原文出处：IMWeb社区 未经同意，禁止转载 本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— jQuety 实例...用法 2 ：使用 DOM 元素语法 jQuery([i]element[/i]) 该函数允许我们通过使用以其他方式找到的 DOM 元素来创建 jQuery 对象。...由于处理程序接受的 this 关键词中的被点击项目是纯的 DOM 元素，因此在对其调用 jQuery 的方法之前，必须用 jQuery 对象包装该元素。...用法 4 ：返回空的集合语法 jQuery() 对于 jQuery 1.4，调用无参数的 jQuery() 方法会返回空的 jQuery 集合。...") 或 $("")，jQuery 会通过内生的 JavaScript createElement() 函数来创建元素。 要确保跨平台兼容性，片段的结构必须良好。

    1.5K20

    Java 后台开发面试题分享九

    null 是一个表示"无"的对象，转为数值时为 0；undefined 是一个表示"无"的原始值，转为数值时为 NaN。...---- 简单地举例说明什么是 MySQL 的脏读、不可重复读、幻读 脏读的情况：对于两个事务 T1 与 T2，T1 读取了已经被 T2 更新但是还没有提交的字段之后，若此时 T2 回滚，T1 读取的内容就是临时并且无效的...---- 使用 javascript 判断一个字符串中出现次数最多的字符，并统计这个次数 var str = 'asdfssaaasasasasaa'; var json = {}; for (var....html() 是用来读取元素的 html 内容（包括 html 标签）。 .text() 用来读取元素的纯文本内容，包括其后代元素。 .val() 是用来读取表单元素的 value 值。...---- 处理通过 jQuery 的 append 加入的元素的方法 通过 jQuery 的 append 新添加进网页的元素，使用 $(#id).click(function(){}) 是没有效果的；

    1K20

    前端之jquery函数库

    jquery介绍 　　jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。...javascript" src="js/jquery-1.12.2.js"> jquery的口号和愿望 Write Less, Do More（写得少...javascript"> $(function(){ ...... }); jquery选择器 jquery用法思想一  选择某个网页元素...匹配一个任意字符 var sTr01 = '123456asdf'; var re01 = /\d+/; //匹配纯数字字符串 var re02 = /^\d+$/; alert(re01.test(sTr01...局部刷新和无刷新 　　ajax可以实现局部刷新，也叫做无刷新，无刷新指的是整个页面不刷新，只是局部刷新，ajax可以自己发送http请求，不用通过浏览器的地址栏，所以页面整体不会刷新，ajax获取到后台数据

    5.9K20

    WEB入门之十二 jquery简介

    3.1 jQuery开发工具 jQuery本身就是纯文本的JavaScript代码，所以使用一般的文本编辑器都可以编写jQuery代码。...jQuery( )函数是jQuery的核心函数，主要用来获得页面元素，jQuery的核心功能都基于该函数实现。...获取每一个选择器所匹配的元素 示例3.2是jQuery基本选择器的具体应用，其中还牵涉到平时最常用的三个函数： val( )：用来获得元素value属性的值 html( )：用来获得元素标签内的所有信息...)和val()一样，无参时用来获取信息，带参时用来设置信息。...图3.1.7显示了源文件中jQuery函数的定义。 3.1 jQuery代码调试 jQuery代码本质上就是纯文本的JavaScript，所以都是由浏览器负责解释、执行。

    53610
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券