jquery文档

jQuery中的end()方法

早过忘川 提交于 2019-12-02 06:38:39
先看一个例子:<!DOCTYPE html> <html> <head> <style>p { margin:10px; padding:10px; }</style> <script type="text/javascript" src="/jquery/jquery.js"></script> </head> <body> <p><span>Hello</span>, how are you?</p> <script>$("p").find("span").end().css("border", "2px red solid");</script> </body> </html> $("p").find("span")表示查找P元素下的SPAN元素 但是我想更改P的边框,这时我就要返回到P元素(即从SPAN返回到P,就是还原为之前的状态) $("p").find("span").end()这个语句就返回来了。 $("p").find("span").end().css("border", "2px red solid")把P的边框设置了。 ------------------------------------------------------------------------------对于end()方法,jQuery文档是这样解释的: jQuery回到最近的一个"破坏性

前端之Jquery

痞子三分冷 提交于 2019-12-02 04:55:08
前端之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选择器之全选择器

主宰稳场 提交于 2019-12-02 02:59:56
在CSS中,经常会在第一行写下这样一段样式 * {padding: 0; margin: 0;} 通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素 $( "*" ) 抛开jQuery,如果要获取文档中所有的元素,通过document.getElementsByTagName()中传递"*"同样可以获取到 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> div { width: 100px; height: 90px; float: left; padding: 5px; margin: 5px; background-color: #EEEEEE; } </style> <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script> </head> <body> <div class="aaron"> <p>class="aaron"</p> <p>选中</p> </div> <div class="aaron"> <p>class=

10个免费的javascript富文本编辑器(jQuery and non-jQuery)

别等时光非礼了梦想. 提交于 2019-12-01 20:45:54
祝愿园子里的朋友圣诞节快乐。 本文介绍了 10 个免费易用富文本编辑器( rich text editors , RTE ),其中 5 个是 Jquery 插件,另外 5 个是非 Jquery 富文本编辑器 简介 Javascript 富文本编辑器使我们添加、编辑网站中的文章更加方便和容易。这些富文本编辑器提供了所见即所得 (What You See Is What You Get - WYSIWYG) 的功能,可以像编辑 word 文档一样,方便地编辑网站中文章,常用于内容管理系统和博客系统等。 下面列出了常用的 10 个富文本编辑器,有最基础的格式富文本编辑器,也有复杂的具有文件上传能、创建表格功能、 Ajax 支持的富文本编辑器。 希望大家喜欢 MarkitUp - jQuery Official Website | Demo 一个轻量级的、可定制的和灵活的富文本编辑器,常用在 CMS 、 Blog 、论坛等网站上。 markItUp 不是一个所见即所得的编辑器,支持一些常用快车键和常用的浏览器。 jWYSIWYG - jQuery Official Website | Demo jWYSIWYG 是比较常用的 Jquery 所见即所得编辑器,提供了 html 代码编辑功能、文字编辑功能,图片连接功能,从而保证了 jWYSIWYG 的简单的特性。 Lightweight

jQuery

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

day55

守給你的承諾、 提交于 2019-12-01 17:31:36
前端之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

心已入冬 提交于 2019-12-01 17:17:17
目录 jQuery jQuery介绍 jQuery的优势 jQuery内容: jQuery版本 jQuery对象 jQuery基础语法 查找标签 基本选择器 层级选择器: 基本筛选器: 属性选择器: 表单筛选器: 筛选器方法 操作标签 样式操作 位置操作 尺寸: 文本操作 属性操作 文档处理 事件 常用事件 事件绑定 移除事件 阻止后续事件执行 阻止事件冒泡 页面载入 与window.onload的区别 事件委托 动画效果 补充 each .data() 插件(了解即可) 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

前提是你 提交于 2019-12-01 16:35:34
目录 前端之Jquery jQuery jQuery介绍 jQuery的优势 jQuery内容: jQuery版本 jQuery对象 jQuery基础语法 例子 查找标签 基本选择器 层级选择器: 基本筛选器: 属性选择器: 表单筛选器 : 筛选器方法 示例:左侧菜单 操作标签 样式操作 位置操作 位置相关示例之返回顶部示例: 尺寸: 文本操作 文本操作之登录验证示例 阻止事件示例 属性操作 文档处理 克隆示例: 事件 常用事件 keydown和keyup事件组合示例: hover事件示例: 实时监听input输入值变化示例: 事件绑定on 移除事件off 阻止后续事件执行return示例 阻止事件冒泡示例 页面载入 与window.onload的区别 事件委托 动画效果 自定义动画点赞示例: 补充 each .data() 插件(了解即可) 前端之Jquery jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。

前端之Jquery

不想你离开。 提交于 2019-12-01 16:23:09
目录 前端之Jquery jQuery jQuery介绍 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 常用网址

笑着哭i 提交于 2019-12-01 16:23:02
http://www.bejson.com/apidoc/jquery/css.html 操作手册 https://jquery.com/ JQuery 官网 一、JQuery 插件的网站 1、 https://plugins.jquery.com/ 官网 2、 https://www.jq22.com/ JQuery 插件库 3、 http://www.htmleaf.com/ JQuery 之家 二、 经典 JQuery 插件 1、 select2 下拉框搜索插件 官网 https://select2.org/ github https://github.com/select2/select2 2、 datetimepicker 时间日期的插件 GitHub https://github.com/xdan/datetimepicker 文档 https://xdsoft.net/jqplugins/datetimepicker 3、 fullpage 全屏滚动插件 官网: https://alvarotrigo.com/fullPage/zh/ GitHub : http://github.com/alvarotrigo/fullpage.js 4、 lazyload 图片懒加载 官网 : https://appelsiini.net/projects/lazyload/