jquery事件 | 易学教程

Jquery日历插件e-calendar升级版

阅读更多关于 Jquery日历插件e-calendar升级版

jQuery事件日历插件e-calendar，支持针对指定日期自定义日程安排（无条数限制），设置过日程的日期会高亮显示，兼容IE7+主流浏览器。原版使用方法及演示地址: e-calendar原版 (鼠标移动到天显示当天的日程安排) 升级版介绍: 1.同一天可存在多个事件交集 2.点击天在日历下方出现日程列表 3.点击日程列表可添加其事件。 4.添加item-grid的显示和隐藏 5.Events中数组集合可添加id，type等元素(区分日程类型：任务类型或日程类型) 6.增加年份选择,月份选择 7.样式调整 8.将ajax加载事件,item点击事件等写在calendar配置中运行效果图: 主要代码: index.html <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/jquery.e-calendar.css" /> <script src="js/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/jquery.e-calendar.js"></script> <script type="text

jquery 基本用法

阅读更多关于 jquery 基本用法

文章目录 1. 引入CDN 2. 检测是否引入成功 3. 隐藏元素(.hide)，显示元素(.show) 4. 入口函数 5. jq 对象和 DOM 对象转换 6. jq 选择器 7. 修改css样式 8. 筛选选择器 9. 鼠标事件 10. 类属性的添加，删除，切换 1. 引入CDN 链接地址 2. 检测是否引入成功 3. 隐藏元素(.hide)，显示元素(.show) 隐藏p标签 4. 入口函数作用：等待DOM加载完成后执行 $ ( function ( ) { // jq代码 } ) 5. jq 对象和 DOM 对象转换 // DOM 对象 var p1 = document . getElementsByTagName ( 'p' ) ; // jq 对象 var p2 = $ ( 'p' ) ; // DOM ==> jq var p3 = $ ( p1 ) ; // jq ==> DOM 通过取索引的方式 var p4 = p2 [ 0 ] ; 6. jq 选择器 7. 修改css样式隐式迭代：jq默认会将所有匹配到的对象执行相同的操作如下：会将所有匹配到的li标签字体改为24px 单个样式多个样式 $ ( 'div' ) . css ( { width : '500px' , height : '500px' } ) 8. 筛选选择器 9. 鼠标事件 $

jQuery中bind，live，delegate，on绑定事件的方式与区别

阅读更多关于 jQuery中bind，live，delegate，on绑定事件的方式与区别

【转】 jQuery中bind，live，delegate，on绑定事件的方式与区别 jQuery中提供了四种事件监听方式，分别是bind、live、delegate、on，对应的解除监听的函数分别是unbind、die、undelegate、off。已知有4个列表元素: 　　列表元素1 　　列表元素2 　　列表元素3 　　列表元素4 　　1、bind bind(type,[data],function(eventObject)) bind是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数，参数的含义如下： type:事件类型，如click、change、mouseover等; data:传入监听函数的参数，通过event.data取到。可选; function:监听函数，可传入event对象，这里的event是jQuery封装的event对象，与原生的event对象有区别，使用时需要注意。　　源码: bind: function( types, data, fn ) { return this.on( types, null, data, fn ); } 　　可以看到内部是调用了on方法。　　bind的特点就是会把监听器绑定到目标元素上，有一个绑一个，在页面上的元素不会动态添加的时候使用它没什么问题。但如果列表中动态增加一个“列表元素5”

jquery选择器大全

阅读更多关于 jquery选择器大全

没有什么新意，全是从网上摘抄的，如果哪天忘了，就来查查吧。选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。一、基本选择器 1. id选择器（指定id元素）将 id="one" 的元素背景色设置为黑色。（id选择器返单个元素） $(document).ready(function () { $('#one').css('background', '#000'); }); 2. class选择器（遍历css类元素）将 class="cube" 的元素背景色设为黑色 $(document).ready(function () { $('.cube').css('background', '#000'); }); 3. element选择器（遍历html元素）将 p 元素的文字大小设置为12px $(document).ready(function () { $('p').css('font-size', '12px'); }); 4. * 选择器（遍历所有元素） $(document).ready

jquery 1.7.2源码解析（二）构造jquery对象

阅读更多关于 jquery 1.7.2源码解析（二）构造jquery对象

构造jquery对象 jQuery对象是一个类数组对象。一）构造函数jQuery() 构造函数的7种用法: 1.jQuery(selector [, context ]) 传入字符串参数：检查该字符串是选择器表达式还是HTML代码。如果是选择器表达式，则遍历文档查找匹配的DOM元素，并创建一个包含这些DOM元素引用的jQuery对象。如果没有匹配的DOM，则创建一个length属性为0的空jQuery对象。默认情况下对匹配元素的查找从根元素document开始，但也可以传入context参数限制查找范围。如果选择器表达式是简单的'#id'且没有context参数，则调用document.getElementById()查找。如果不是则调用jQuery的find()方法。 2.jQuery(html [, ownerDocument])、jQuery(html, props) 如果传入的参数是html代码，则尝试用html代码创建新的DOM元素，并创建包含这些DOM元素引用的jQuery对象。如果html代码是单独的标签，使用document.createElement()创建DOM元素。如果是复杂的html代码，则使用innerHTML. 参数ownerDocument用于创建新DOM元素的文档对象，如果不传入默认为当前文档对象。如果html代码是单独标签

JQuery（李江南）

阅读更多关于 JQuery（李江南）

文章目录 jQuery 使用jQuery jQuery字典简单样例 1.jQuery核心 2.jQuery工具、选择器 3.jQuery选择器 4.属性 5.CSS 6.事件 7.效果 8.文档处理 9.ajax cookie hash jQuery jQuery是一个快速、简洁的JavaScript框架，是一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。使用jQuery 1.下载jQuery http://blog.jquery.com/2016/05/20/jquery-1-12-4-and-2-2-4-released/ 2.引入jQuery <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> jQuery字典 jQuery中文文档简单样例 < script

获取jQuery中的复选框值

阅读更多关于获取jQuery中的复选框值

如何在 jQuery 中获取复选框的值？ #1楼尝试这个小解决方案： $("#some_id").attr("checked") ? 1 : 0; 要么 $("#some_id").attr("checked") || 0; #2楼 $('# checkbox _id').val(); $('#checkbox_id').is(":checked"); $('#checkbox_id:checked').val(); #3楼这两种方式正在发挥作用： $('#checkbox').prop('checked') $('#checkbox').is(':checked') （谢谢 @mgsloan ） $('#test').click(function() { alert("Checkbox state (method 1) = " + $('#test').prop('checked')); alert("Checkbox state (method 2) = " + $('#test').is(':checked')); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> Check me: <input id="test" type=

11-Ajax和jQuery学习（4）- jQuery(1)

阅读更多关于 11-Ajax和jQuery学习（4）- jQuery(1)

1 jQuery jQuery 是一个 JavaScript 库,即对js的封装 jQuery 极大地简化了 JavaScript 编程,如对节点增删改查及动画添加 jQuery 封装了异步post和 get请求 1.1 jQuery 可以做的 HTML 元素选取 HTML 事件函数 HTML 元素操作-增删改查 CSS 操作 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX 1.2 jQuery 导入把jquery.js导入项目WebContent的js 目录下在html的head标签中导入jQuery的js文件在script 标签中写jQuery代码，如图，代码都写在function的括号内 1.3 文档就绪函数 < % @ page contentType = "text/html;charset=UTF-8" language = "java" % > < html > < head > < title > Title < / title > < script type = "text/javascript" src = "./js/jquery-3.4.1.js" > < / script > < script type = "text/javascript" > // 文档加载完毕后再调用这个函数,js /* window.onload =

[置顶] Jquery网页打印

阅读更多关于 [置顶] Jquery网页打印

今天做项目中，需要用到打印功能，开始的时候用js来调用打印机，之后样式，还有什么的都没有了，之后ie有时候还运行不了，后来就在网上找，之后发现jquery有打印插件，所以就用了，并且发现jquery打印还可以打印局部，真的太棒了，一般的调用方式为：实现步骤 1)引用2个js文件 2)定义打印区域的div，打印按钮 3)为打印按钮绑定打印事件代码如下: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@ page import="java.util.*"%> <html> <head> <title></title> </head> <script type="text/javascript" src="jquery-1.9.1.js"></script> <script type="text/javascript" src="jquery.PrintArea.js"></script> <body> <input id="btnPrint" type="button" value="打印"/> <div id="myPrintArea"> ====打印区域==== </div> </body> <script type="text

Uploadify使用说明

阅读更多关于 Uploadify使用说明

Uploadify 使用说明什么是 Uploadify 原文： Uploadify is a jQuery plugin that integrates a fully-customizable multiple file upload utility on your website. It uses a mixture of Javascript, ActionScript, and any server-side language to dynamically create an instance over any DOM element on a page. 译文： Uploadify 是一个 jQuery 插件，集成了一个完全可定制的多个文件上传您的网站上的效用。它混合使用的 Javascript ， ActionScript ，和任何服务器端语言来动态创建的任何一个页面上的 DOM 元素的一个实例。原文 : Uploadify was born out of the need for a multiple file upload utility for a CMS that was being developed. After evaluating the other available options, RonnieSan decided the best

订阅 jquery事件