jquery文档 | 易学教程

前端之Jquery

阅读更多关于前端之Jquery

前端之Jquery jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

jquery的一些概述

阅读更多关于 jquery的一些概述

目录　　一、选择网页元素　　二、改变结果集　　三、链式操作　　四、元素的操作：取值和赋值　　五、元素的操作：移动　　六、元素的操作：复制、删除和创建　　七、工具方法　　八、事件操作　　九、特殊效果一、选择网页元素 jQuery 的基本设计思想和主要用法，就是 " 选择某个网页元素，然后对其进行某种操作 " 。这是它区别于其他 Javascript 库的根本特点。使用 jQuery 的第一步，往往就是将一个选择表达式，放进构造函数 jQuery() （简写为 $ ），然后得到被选中的元素。选择表达式可以是 CSS 选择器：　　 $(document) // 选择整个文档对象　　 $('#myId') // 选择 ID 为 myId 的网页元素　　 $('div.myClass') // 选择 class 为 myClass 的 div 元素　　 $('input[name=first]') // 选择 name 属性等于 first 的 input 元素也可以是 jQuery 特有的表达式：　　 $('a:first') // 选择网页中第一个 a 元素　　 $('tr:odd') // 选择表格的奇数行　　 $('#myForm :input') // 选择表单中的 input 元素　　 $('div:visible') //

给按钮绑定的click事件无效

阅读更多关于给按钮绑定的click事件无效

1. 原因分析：按钮是发送 Ajax 请求，成功请求到数据后，使用 JQuery 动态生成的。Ajax 请求是异步刷新机制，不会等上面的代码执行完。因此给这种类型的按钮绑定点击事件时，按钮还没有被创建出，那么，click事件自然不会绑定到按钮上。 2. 解决办法： ① 在按钮创建的时候就绑定事件。 ② 使用 JQuery 的 .live() 方法：给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。但是在 JQuery 1.7开始的版本中被删除了，应该使用 .on() 来添加事件处理。使用旧版本的用户，应该优先使用 .delegate() 来替代 .live()。 ③ 使用 JQuery 1.7 中新添加的 .on() 添加事件处理。 3. .on() 具体使用可参考官方文档： https://www.runoob.com/manual/jquery/ 来源： https://www.cnblogs.com/lveyHang/p/11788015.html

【JQuery】（1）JQuery基础

阅读更多关于【JQuery】（1）JQuery基础

JQuery基础 2019-11-02 21:11:17 by冲冲 1、jQuery简介 jQuery：轻量级、"写的少，做的多"、JavaScript函数库。 2、jQuery功能 HTML元素选取 HTML元素操作 HTMLDOM遍历和修改 CSS操作 HTML事件函数 JavaScript特效和动画 Ajax异步操作提供丰富的插件 3、jQuery版本目前jQuery有三大版本： 1.x：兼容ie678，使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日)。 2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日)。 3.x：不兼容ie678，只支持最新的浏览器。除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。最新版本：3.3.1（2018年1月20日）。 4、jQuery使用 ① 官网 https://jquery.com/download/ 下载 ② CDN(内容分发网络)加载 <head> <script src="https://cdn.staticfile.org/jquery/1.10.2

$是什么

阅读更多关于 $是什么

$就是jQuery的别称而jQuery就是jQuery库提供的一个函数.(好像也不仅仅只是函数，因为还有 $.ajax(options) 这样的使用，等同 jQuery.ajax(options)) 这个函数的作用是根据 () 里的参数进行查找和选择html文档中的元素，函数作用之一就是GetElementByID的代替，但()内不仅可以是ID，还可以是各类选择器比如： $(document)就是选取整个文档对象那是不是只可以用$来代替，不是。为了防止命名冲突，jQuery库提供了另外的机制来给jQuery函数起另外的别名。例如： var FAccount = $("#FAccount").val(); 就是就上程序中查找ID=FAccount的数值了‘ 来源： https://www.cnblogs.com/yutang-wangweisong/p/11787408.html

jQuery学习笔记1

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

jQuery学习笔记1 jQuery 概念使用 JQuery对象和JS对象区别与转换事件绑定单击事件 click 双击事件 dblclick 入口函数 window.onload 和 $(function) 区别样式控制：css方法相关案例 QQ表情选择左右移动 jQuery jQuery强大在它的选择器概念一个简洁的JavaScript框架，简化JS开发。它封装JavaScript常用的功能代码，提供简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。使用前提：有jQuery的js文件，导入 jquery-3.3.1.min.js 文件 < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < title > jQuery < / title > < script src = "js/jquery-3.3.1.min.js" > < / script > < / head > < body > < div id = "div1" > 文字 1. . . < / div > < div id = "div2" > 文字 2. . . < / div > < script > < ! -- 使用jQuery获取元素对象 -

学习笔记《锋利的jQuery》-jQuery选择器

阅读更多关于学习笔记《锋利的jQuery》-jQuery选择器

选择器是jQuery的根基，在jQuery中，对事件处理、遍历DOM和Ajax操作都依赖于选择器。如果能熟练的使用选择器，不仅能简化代码，而且可以达到事半功倍的效果。一、jQuery选择器是什么 1、CSS选择器在开始学习jQuery选择器之前，有必要简单了解下CSS（Cascading Style Sheets，层叠样式表）技术。 CSS是一项出色的技术，它使得网页的结构和表现的样式完全分离。利用CSS选择器能轻松的对某个元素添加样式而不改动HTML结构，只需通过添加不同的CSS规则，就可以得到各种不同样式的网页。要使某个样式运用于特定的HTML元素，首先需要找到改元素。在CSS中，执行这一任务的表现规则称为CSS选择器。常用的CSS选择器选择器语法描述示例标签选择器 E{ CSS规则 } 以文档元素作为选择符 td{ font-size:14px; } a{ text-decoration:none; } ID选择器 #ID{ CSS规则 } 以文档元素的唯一标识符ID作为选择符 #note{ font-size:14px; } 类选择器 E.className{ CSS规则 } 以文档元素的class作为选择符 div.note{ font-size:14px; } .dream{ font-size:14px; } 群组选择器 E1,E2,E3{

jQuery学习笔记2 —— jQuery选择器

阅读更多关于 jQuery学习笔记2 —— jQuery选择器

jQuery选择器是jQuery的根基，在jQuery中，对事件处理、遍历DOM和Ajax操作都依赖于选择器。熟练使用选择器，不仅可以简化代码还能达到事半功倍的效果。 jQuery选择器是什么 Web前端开发要求结构（HTML）、样式（CSS）和行为（JavaScript）三者分离，而将结构和样式联系在一起的则是通过CSS选择器实现的，下面是常用的一些CSS选择器： CSS常用选择器选择器语法描述实例标签选择器 E { CSS规则 } 以文档元素作为选择符 a{ decoration: none; } ID选择器 #ID{css规则} 以文档元素的唯一标识符ID作为选择符 #note{font-size:14px;} 类选择器 E.className{} 以文档元素的class作为选择符 .note{font-size:14px;} 组合选择器 E1,E2,E3{} 多个选择符应用同样的样式规则 td,p,div.a {font-size:14px;} 后代选择器 E F{} 元素E的任意后代元素F #links a {color:red;} 通配符选择器 *{} 以文档的所有元素作为选择符 *{font-size: 14px;} 除了以上的选择器外，CSS还有伪类选择器、自带选择器、临近选择器和属性选择器。 jQuery选择器完全继承了CSS的风格，但两者作用效果不同

jquery 选择器能否查找display：none的元素

阅读更多关于 jquery 选择器能否查找display：none的元素

jQuery可以用可见性“:hidden”查找“display:none”的元素。 1、新家html文档，在head标签中引入本地jQuery文件，也可以引入cdn文件： 2、在body标签中添加一些列表，其中部分列表的样式设置为“display:none”： 3、添加js代码“$('li:hidden')”，这时网页将会把所有包含“display:none”属性的列表都进行输出：来源： https://www.cnblogs.com/bluealine/p/11769738.html

bootstrap日期控件的使用

阅读更多关于 bootstrap日期控件的使用

注意：script的引入顺序 jquery、moment必须放在最前面。经测试，只保留build也可以。 1、把 bootstrap-datetimepicker-master.zip解压的文件改名为 bootstrap-date 2、把jquery-3.3.1.min.js、moment-with-locales.min.js放到bootstrap-date/build/js中 3、把bootstrap-3.3.7-dist.zip 解压出来的bulid拷贝到bootstrap-date/build中。 4、在bootstrap-date同等目录创建个test.html,内容如下： <!DOCTYPE html > 参考文档： https://blog.csdn.net/u011127019/article/details/51725081 特此感谢文章来源: bootstrap日期控件的使用

订阅 jquery文档