jquery文档 | 易学教程

jquery常见问题

阅读更多关于 jquery常见问题

###trigger() 方法给指定元素添加触发事件，例：$(“#this”).trigger(“click”) ###jQuery noConflict() 方法 noConflict() 方法会释放会 $ 标识符的控制，这样其他脚本就可以使用它了。 123456 var jq = $.noConflict();jq(document).ready(function(){ jq("button").click(function(){ jq("p").text("jQuery 仍在运行！"); });}); ready()方法当 DOM（文档对象模型）已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。 ready() 函数仅能用于当前文档，因此无需选择器。语法 1 $(document).ready(function) 语法 2 $().ready(function) 语法 3 $(function) 提示：ready() 函数不应与一起使用。原文: 大专栏 jquery常见问题来源： https://www.cnblogs.com/jackleelong/p/11645536.html

jquery-1

阅读更多关于 jquery-1

目录 jQuery中的入口函数,只要写js就要写这个,相当于是main方法 1. jQuery入口函数 $(document).ready(function(){ }); 2. 简写 $(function(){ }); jQuery的入口和js原生的区别： jQuery入口函数可以书写多次，window.onload只能书写一次；执行的时机不同，jQuery的入口，一旦我dom结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成；window.onload 的是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码。过滤器多个过滤器可以层叠使用。 #idname p:even:container(helloworld) 是可以链式调用的，更改背景的同时、更改颜色、字体来源： https://www.cnblogs.com/macht/p/11644182.html

django-debug-toolbar

阅读更多关于 django-debug-toolbar

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.如果是本机调试，还在将127.0.0.1加入

jQuery学习笔记1

阅读更多关于 jQuery学习笔记1

1. 了解 jQuery * 是什么 : What? * 一个 JS 函数库 : write less, do more * 封装简化 DOM 操作 (CRUD) / Ajax * 为什么用它 : why? * 强大选择器 : 方便快速查找 DOM 元素 * 隐式遍历 ( 迭代 ): 一次操作多个元素 * 读写合一 : 读数据 / 写数据用的是一个函数 * 链式调用 : 可以通过 . 不断调用 jQuery 对象的方法 * 事件处理 * DOM 操作 (CUD) * 样式操作 * 动画 * 浏览器兼容 * 如何使用 : How? * 引入 jQuery 库 * 本地引入与 CDN 远程引入 * 测试版与生产版 ( 压缩版 ) * 使用 jQuery * 使用 jQuery 函数 : $/jQuery * 使用 jQuery 对象 : $xxx( 执行 $() 得到的 ) 2. jQuery 的 2 把利器 * jQuery 函数 : $/jQuery * jQuery 向外暴露的就是 jQuery 函数 , 可以直接使用 * 当成一般函数使用人 : $(param) * param 是 function: 相当于 window.onload = function( 文档加载完成的监听 ) * param 是选择器字符串 : 查找所有匹配的 DOM 元素 , 返回包含所有 DOM

jQuery学习笔记3

阅读更多关于 jQuery学习笔记3

* 动画效果 * 在一定的时间内 , 不断改变元素样式 * slideDown()/slideUp()/slideToggle() * fadeOut()/fadeIn()/fadeToggle() * show()/hide()/toggle() * animate({ 结束时的样式 }, time, fun) * stop() * 插件机制 * 扩展 jQuery 函数对象的方法 $.extend({ xxx: fuction () {} // this 是 $ }) $.xxx() * 扩展 jQuery 对象的方法 $.fn.extend({ xxx: function(){} // this 是 jQuery 对象 }) $obj.xxx() * jQuery 文档的结构图来源： https://www.cnblogs.com/Jiang-jiang936098227/p/11605429.html

jQuery基础

阅读更多关于 jQuery基础

jQuery基本概念学习目标：学会如何使用jQuery，掌握jQuery的常用api，能够使用jQuery实现常见的效果。为什么要学习jQuery？【01-让div显示与设置内容.html】使用javascript开发过程中，有许多的缺点：查找元素的方法太少，麻烦。遍历伪数组很麻烦，通常要嵌套一大堆的for循环。有兼容性问题。想要实现简单的动画效果，也很麻烦代码冗余。 jQuery初体验【02-让div显示与设置内容.html】 $(document).ready(function () { $("#btn1").click(function () { //隐式迭代：偷偷的遍历，在jQuery中，不需要手动写for循环了，会自动进行遍历。 $("div").show(200); }); $("#btn2").click(function () { $("div").text("我是内容"); }); }); 优点总结：查找元素的方法多种多样，非常灵活拥有隐式迭代特性，因此不再需要手写for循环了。完全没有兼容性问题。实现动画非常简单，而且功能更加的强大。代码简单、粗暴。没有对比，就没有伤害，有了对比，处处戳中要害。什么是jQuery? jQuery的官网 http://jquery.com/ jQuery就是一个js库，使用jQuery的话

jQuery操作元素尺寸和位置

阅读更多关于 jQuery操作元素尺寸和位置

一、jQuery操作元素的尺寸 1. width和height 设置语法： jQuery对象.width(数字); 获取语法： jQuery对象.width(); 得到的只是内容的大小。 1 <style> 2 div { 3 width: 500px; 4 height: 500px; 5 padding: 10px; 6 border: 10px solid; 7 } 8 </style> 9 <body> 10 <div></div> 11 <script src="lib/jquery-1.12.4.js"></script> 12 <script> 13 var w = $('div').width(); //返回的是一个number 14 console.log(w); //500 15 $('div').width(300); //把div设置为300px 16 </script> 17 </body> 2. innerWidth和innerHeight 设置语法： jQuery对象.innerWidth(数字); 获取语法： jQuery对象.innerWidth(); 得到的是内容部分大小 + padding的大小。设置时padding固定不变，内容部分自动适应变化。 1 <style> 2 div { 3 width: 500px; 4 height:

第3章事件

阅读更多关于第3章事件

第3章事件 JavaScript 内置了一些对用户的交互和其他事件给予响应的方式。为了使页面具有动态性和响应性,就需要利用这种能力,以便能够适时地应用我们学过的 jQuery 技术和本书后面讨论的一些技巧。虽然使用普通的 JavaScript 也可以做到这一点,但 jQuery 增强并扩展了基本的事件处理机制。它不仅提供了更加优雅的事件处理语法,而且也极大地增强了事件处理机制。本章将学习以下内容: 在页面就绪时执行 JavaScript 代码; 处理用户事件,比如鼠标单击和按下键盘上的键; 文档中的事件流,以及如何操纵事件流; 模拟用户发起的事件。原文链接: 第3章事件原文: 大专栏第3章事件来源： https://www.cnblogs.com/chinatrump/p/11597037.html

python之JQuery（文档操作，事件委托，事件冒泡）

阅读更多关于 python之JQuery（文档操作，事件委托，事件冒泡）

1. 文档操作创建标签用：document.createElement("div") 1. 内部添加 1. 前面加 1. $(A).prepend(B) 2. $(A).prependTo(B) 2. 后面加 1. $(A).append(B) 2. $(B).appendTo(A) 2. 外部添加 1. 前面加 1. $(A).before(B) 2. $(B).insertBefore(A) 2. 后面加 1. $(A).after(B) 2. $(B).insertAfter(A) 3. 移除和清空 1. remove() --> 把选中过的标签从文档树中移除 2. empty() --> 把选中的标签内部的元素都移除 4. 替换 1. $(A).replaceWith(B) 2. $(B).replaceAll(A) 5. clone 注意参数true,加上true会把标签绑定的事件也复制 2. 事件 1. jQuery绑定事件的方式 1. 给标签绑定事件的方式 1. 在标签上写 onclick=函数(); 2. 在js代码中标签对象.onclick = function(){} 2. jQuery绑定事件 1. $("选择器").click(function(){...}); 3. 事件委托（如把.c1样式类的事件委托给body标签（未来的事件）

jQuery - 元素遍历

阅读更多关于 jQuery - 元素遍历

什么是遍历： jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。下图展示了一个家族树。通过 jQuery 遍历，能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种称为对DOM进行遍历。 JQuery的遍历方法最大的种类就是树的遍历 jQuery遍历-- 祖先通过jQuery能够向上遍历DOM树，查找元素的祖先 1.parent() parent()方法返回被选元素的直接父元素，该方法只会向上一级对DOM树进行遍历例子：返回每个元素的直接父元素 $(document).ready(function(){ $("span").parent(); }) 2.parents() parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素(<html>) 例子：返回所有元素的所有祖先 $(document).ready(function(){ $("span").parents("ul"); }) 3.parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素例子：返回介于和元素之间的所有祖先元素 $(document).ready(function(){ $("span"

订阅 jquery文档