jquery文档

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍： JavaScript强化教程 —— jQuery - 获得内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方法。 jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。 提示：DOM = Document Object Model（文档对象模型） DOM 定义访问 HTML 和 XML 文档的标准： “W3C 文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式。” 获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法： text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容： 实例$("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2"

jQuery入门[1]－构造函数 jQuery入门[2]－选择器 jQuery入门[3]－事件 jQuery入门[4]－链式代码 jQuery入门[5]－AJAX jQuery入门[6]－动画 JQuery 优点 ◦体积小（v1.2.3 15kb） ◦丰富的DOM选择器(CSS1-3 + XPath) ◦跨浏览器（IE6,FF,Safari,Opera） ◦链式代码 ◦强大的事件、样式支持 ◦强大的AJAX功能 ◦易于扩展，插件丰富 jQuery的构造函数接收四种类型的参数： jQuery(expression,context) jQuery(html) jQuery(elements) jQuery(fn) 第一种根据表达式（ID，DOM元素名，CSS表达式，XPath表达式）找出文档中的元素，并组装成一个jQuery对象返回。 DEMO: <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < title > jQuery basic </ title > < style

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 检查 jQuery 是否加载 在使用 jQuery 进行任何操作之前，你需要先确认它已经加载： if (typeof jQuery == 'undefined') { console.log('jQuery hasn\'t loaded'); } else { console.log('jQuery has loaded'); } 返回顶部按钮 利用 jQuery 中的 animate 和 scrollTop 方法，你无需插件就可以创建简单的 scroll up 效果: // 返回顶部$('a.top').click(function (e) { e.preventDefault(); $(document.body).animate({scrollTop: 0}, 800); }); <!-- 设置锚 --><a class="top" href="#">Back to top</a> 调整 scrollTop 的值即可改变滚动着陆位置。你实际所做的是在 800 毫秒内不断设置文档主体的位置，直到它滚动到顶部。 预加载图片 如果你的网页使用了大量并非立即可见的图片（例如悬停鼠标触发的图片），那么预加载这些图片就显得很有意义了: $.preloadImages = function () { for (var

通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。 jQuery 语法 jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。 基础语法： $(selector).action() 美元符号定义 jQuery 选择符（selector）“查询"和"查找” HTML 元素 jQuery 的 action() 执行对元素的操作 实例: $(this).hide() - 隐藏当前元素 $(“p”).hide() - 隐藏所有 元素 $(“p.test”).hide() - 隐藏所有 class=“test” 的 元素 $("#test").hide() - 隐藏所有 id=“test” 的元素 文档就绪事件 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中： $ ( document ) . ready ( function ( ) { // 开始写 jQuery 代码... } ) ; 这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。 如果在文档没有完全加载之前就运行函数，操作可能失败。下面是两个具体的例子： 试图隐藏一个不存在的元素 获得未完全加载的图像的大小 提示：简洁写法

jquery入门 1.什么是jquery？ 优秀的JavaScript库，封装了JavaScript的常用功能，直接调动 语法简洁：$ ( '选择器' ) . 方法 ( ) * /特点*/ jQuery强调的理念是写得少，做得多（write less , do more），jQuery独特的选择器、链式操作、事件处理机制和封装完善的ajax都是其他库望尘莫及的。概括起来，jQuery有以下优势。 ● 轻量级。 ● 强大的选择器。 ● 出色的 DOM 操作的封装。 ● 可靠的事件处理机制。 ● 完善的ajax。 ● 不污染顶级变量。 ● 出色的浏览器兼容性。 ● 链式操作方式。 ● 隐式迭代。 ● 行为层和结构层分离。 ● 丰富的插件支持。 ● 完善的文档。 ● 开源。 2.jquery的引入 1. jquery实际上就是一个 . js文件，获取jQuery库文件有两种方式： 1. 去官方网站下载：http //jquery.com/ 中文网 https : / /www.jquery123.com/ 2. 去 CDN 下载：https : / / www . bootcdn . cn / jquery < ! -- 1. 引入网上 CDN ( 内容分发网 ) -- > < ! -- < script src = 'http://libs.baidu.com/jquery/1.11

　　 前言： 对于刚刚进入vuejs的队伍中的小白来讲，很多都是模糊的，js操作dom节点的思想萦绕，还不能自由切换在二者之间。 　　解决之道： 想要在vue中引入bootstrap，引入的时候需要按照如下的步骤进行。 1、引入jquery 2、引入bootstrap 阅读本文前，应该能够搭建环境，使用vue-cli进行项目的创建，可以参考文章： http://blog.csdn.net/wild46cat/article/details/76360229 ： 1、通过npm view 模块名 versions来查看模块目前的版本，安装也可以选择版本安装。例如：cnpm install jquery@11.7 --save-dev 2、 安装参数 --save 与 --save-dev 区别在于--save-dev安装于开发环境中（更多百度“npm”）　 3、使用命令npm install jquery --save-dev（或者 cnpm install jquery --save-dev） 引入jquery。 4、在webpack.base.conf.js（ 如果是是开发[dev]环境则在webpack.dev.conf.js；两个文件都在bulid目录下；请一定注意，我在操作的时候就是找错了文件，半天都没有弄对； ）中添加如下内容： var webpack = require

2019-3-5 JQuery ： 简介： JQuery 就是 js 的一个库（封装好的 js 文件） 特点： 简洁的语法和跨平台的兼容性，其理念： write less,do more 优势： 强大的选择器 出色的 DOM 操作的封装 出色的兼容（ js 中需要兼容的文件封装好了） 链式操作方式，发生在同一个 jquery 对象上的一组动作，可以直接连写而不用重复获取 对象 .................. jquery 库类型： 完整版本： 主要用于测试，学习和开发 mini 版本： 主要用于产品和项目 jQuery 的使用： jQuery 不需要安装，想要在某个页面上使用 jQuery 时，只需要在相关的 html 中引入 jQuery 的库文件即可 用 script 标签中的 src 属性引入 js 文件 (jQuery 库文件 ) ， link 标签引入 css 文件 js 对象和 jQuery 对象的互相转化： jQuery 对象由 js 对象组合生成 jquery 对象 转换为 DOM 对象 jquery 对象是一个数组对象，可以通过 [index] 方法得到相应的 DOM 对象 对象名 [index], 也可以通过 get(index) 方法获得，对象名 .get(index) 其中 index 是 jQuery 对象中的下标 (jquery 可以看成一个数字

jQuery的ajax模块封装了非常强大的功能，有时候我们在发送一个ajax请求的时候希望能有一个超时的时间，想让程序在一段时间请求不到数据时做出一些反馈。幸运的是jQuery为我们提供了这样的参数：timeout。今天试了一下，做个记录。 　　首先在试验之前，有一个一直搞不明白的东西，那就是默认的超时时间是多少？这个配置在到底在什么地方设置。jQuery中？还是apache中？PHP中？ 　　经过一番搜索，暂得到如下结论： 　　①jQuery没有默认的超时时间，只可以通过参数来配置； 　　②apache2的默认超时时间是300秒，但是我在httpd.conf中设置Timeout 10，压根没起到作用，不明白是怎么回事 　　③php.ini中，只找到一个max_execution_time来配置脚本最长执行时间，貌似也没什么关系 　　智商捉急。。。哪位高手知道，一定告诉一下我啊~~ 　　下面来看jQuery中的timeout参数，值为Number类型，单位为毫秒。为了在超时的时候执行我们定义好的处理函数，可以把它放在error参数中，如下代码： $.ajax({ url : 's.php', timeout : 3000, error : function(xhr,textStatus){ console.log('error:'+textStatus); }, }); 　　s

好久没发新博客，凑个数。。。 django-debug-toolbar 介绍 django-debug-toolbar 是一组可配置的面板，可显示有关当前请求/响应的各种调试信息，并在单击时显示有关面板内容的更多详细信息。 github地址 文档地址 安装 pip3 install django-debug-toolbar 配置 1. settings.py中 将 debug_toolbar 添加到 INSTALL_APPS 中 INSTALLED_APPS = [ … 'debug_toolbar', ] 2. urls.py中 from django.conf import settings from django.conf.urls import include, url if settings.DEBUG: import debug_toolbar urlpatterns = [ url(r'^__debug__/', include(debug_toolbar.urls)), ] + urlpatterns 3. settings.py中 在中间件中加入DebugToolbarMiddleware MIDDLEWARE = [ # ... 'debug_toolbar.middleware.DebugToolbarMiddleware', # ... ] 4.

如何使用 jQuery 更改超链接的href？ #1楼 使用 $("a").attr("href", "http://www.google.com/") 会修改所有超链接的href，以指向Google。 您可能需要一个更精细的选择器。 例如，如果您混合使用链接源（超链接）和链接目标（也称为“锚”）锚标签： <a name="MyLinks"></a> <a href="http://www.codeproject.com/">The CodeProject</a> ...那么您可能不想意外地向它们添加 href 属性。 为了安全起见，我们可以指定选择器只匹配具有现有 href 属性的 <a> 标签： $("a[href]") //... 当然，您可能会想到一些更有趣的东西。 如果要使锚与特定的现有 href 匹配，则可以使用如下所示的内容： $("a[href='http://www.google.com/']").attr('href', 'http://www.live.com/') 这将找到 href 完全匹配字符串 http://www.google.com/ 。 一个更复杂的任务可能是匹配，然后仅更新 href 一部分： $("a[href^='http://stackoverflow.com']") .each(function() { this.href = this