jquery事件 | 易学教程

Jquery日历控件

阅读更多关于 Jquery日历控件

9个有用的jQuery日历和网页设计师的日期选择器插件事件日历和日期选择器是是我们开发当中经常遇到的问题，这个时候我们就需要用jquery插件来实现，昨天我在做项目的时候，遇到了个问题就是如何显示倒计时问题，我这个时候就用jquery插件解决的，今天给大家分享9个其他的时间选择器插件 1。 FullCalendar FullCalendar是一个著名的jQuery日历插件，它提供了拖和下降功能，与谷歌日历整合，并能够通过JSON获取事件等功能。设计人员可以轻松定制外观和感觉的日历，而开发人员可以利用用户触发的事件暴露挂钩。 2. Astonishing iCal-like Calendar 这是一个使用jQuery和CSS来构建一个iPhone风格的日历应用程序的教程。 3 jQuery UI的DatePicker jQuery UI的DatePicker的是一个高度可配置的插件，他添加到您的网页的日期选择器的功能。您可以自定义的日期格式和语言，限制了可选择的日期范围，并容易添加按钮和其他导航选项。 4。 jMonthCalendar jMonthCalendar支持全月日历和事件。这个插件的有趣的部分是它允许开发者开发互动的日历。 5 日期选择器。 MIT和GPL许可证下发布的日期选择器是一个jQuery日历插件。它有很多的选项和功能。例如，你可以有多个日历组件

WEB前端知识大整合之jquery网页定时弹出广告

阅读更多关于 WEB前端知识大整合之jquery网页定时弹出广告

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/jquery-1.11.0.js" ></script>  <script> //显示广告 function showAd(){ $("#img1").slideDown(2000); setTimeout("hideAd()",3000); } //隐藏广告 function hideAd(){ $("#img1").slideUp(2000); } $(function(){ setTimeout("showAd()",3000); }); </script> </head> <body> <img src="../img/f001a62f-a49d-4a4d-b56f-2b6908a0002c_g.jpg" id="img1" width="100%" style="display:none" /> </body> </html> 来源：

前端之jQuery及Bootstrap框架

阅读更多关于前端之jQuery及Bootstrap框架

jQuery相关三级菜单展示 $(this).next().removeClass('hide').parent().siblings().find('.items').addClass('hide') 直接操作css属性 // 两个参数设置属性 $('#p1').css('font-size','24px') // 一个参数获取属性 $('#p1').css('font-size') // 一次设置多个属性 $('#p1').css({"border":"1px solid black","color":"blue"}) 位置操作 // 不加参数获取位置参数 $(".c3").offset() // 加参数设置位置参数 $(".c3").offset({top:284,left:400}) // position只能获取值，不能设置值 // scrollTop获取当前滚动条偏移量 $('window').scrollTop(); $('window').scrollTop(0); // 设置滚动条偏移量尺寸 // 盒子模型测试下列参数 height() width() innerHeight() innerWidth() outerHeight() outerWidth() // 加参数标签设置值文本操作 // text() html() 不加参数获取值，加参数设置值 //

jquery插件制作 -- 1.我们的第一个插件：txtHover

阅读更多关于 jquery插件制作 -- 1.我们的第一个插件：txtHover

　　该系列文章是我阅读<jQuery Plugin Development Beginner's Guide>后的总结，有兴趣的朋友可以去读原版的书籍。　　　　定义插件的结构骨架：　　书中最开始使用的结构骨架如下： jQuery.fn.fluginmane=function(){ 　　return this.each(function(){ 　　　　//code... 　　}) } 　　这种结构不是很理想，特别书中提到，为了防止冲突例子不使用$，而使用jQuery。在这里，我们使用匿名函数的方式实现插件的结构骨架，这样就可以防止可能的冲突。也希望大家好好了解下匿名函数相关的知识。 (function($){ 　　$.fn.fluginname=function(){ 　　　　return this.each(function(){ 　　　　　　//code... 　　　　}); 　　} })(jQuery); 注意点：　　1.为了统一和规范，我们的插件文件都将以jquery.fluginname.js的形式命名(fluginname代表你插件的名字)。　　2.我们使用到的函数都需要是私有的，不能被外部访问到，这样可保证插件不会受到外部的影响和干扰（匿名函数已经保证了这点）。　　3.允许用户使用options控制插件的行为。　　4.默认的options允许外部访问

jQuery慢慢啃之核心（一）

阅读更多关于 jQuery慢慢啃之核心（一）

1. $("div > p"); div 元素的所有p子元素。 $(document.body).css( "background", "black" );设置页面背景色 $(myForm.elements).hide()隐藏一个表单中所有元素。 $("input:radio", document.forms[0]);在文档的第一个表单中，查找所有的单选按钮 $("div", xml.responseXML);在一个由 AJAX 返回的 XML 文档中，查找所有的 div 元素。 2.$("<input type='checkbox'>"); // 创建一个 <input> 元素在 IE和其他浏览器中有效:因为IE中必须 <input> 元素的 type 只能写一次 $("<div><p>Hello</p></div>").appendTo("body");创建一个元素并且添加到指定元素中 $("<div>", { "class": "test", text: "Click me!", click: function(){ $(this).toggleClass("test");}}).appendTo("body");创建一个元素并添加其属性和事件。 $("<input>", {type: "text",val: "Test",focusin: function() {$

JQuery上传插件Uploadify使用详解

阅读更多关于 JQuery上传插件Uploadify使用详解

Uploadify 是 JQuery 的一个上传插件，实现的效果非常不错，带进度显示。不过官方提供的实例时 php 版本的，本文将详细介绍 Uploadify 在 Aspnet 中的使用，您也可以点击下面的链接进行演示或下载。 · 官方下载 · 官方文档 · 官方演示 · 首先按下面的步骤来实现一个简单的上传功能。 1 创建 Web 项目，命名为 JQueryUploadDemo ，从官网上下载最新的版本解压后添加到项目中。 2 在项目中添加 UploadHandler.ashx 文件用来处理文件的上传。 3 在项目中添加 UploadFile 文件夹，用来存放上传的文件。进行完上面三步后项目的基本结构如下图 : 4 Default.aspx 的 html 页的代码修改如下： < html xmlns ="http://www.w3.org/1999/xhtml"> < head runat ="server"> < title > Uploadify </ title > < link href ="JS/jquery.uploadify-v2.1.0/example/css/default.css" rel ="stylesheet" type ="text/css" /> < link href ="JS/jquery.uploadify-v2.1.0/uploadify

jquery美团项目绑定点击事件

阅读更多关于 jquery美团项目绑定点击事件

//左侧模板类目 var itemTmpl = `<div class="menu-item"> <img class="img" src="$picture" /> <div class="menu-item-right"> <p class="item-title">$name</p> <p class="item-description">$description</p> <p class="item-zan">$praise_content</p> <p class="item-price">￥$min_price<span class="unit">/$unit</span></p> </div> <div class="select-content"> <div class="minus"></div> <div class="count">$chooseCount</div> <div class="plus"></div> </div> </div>` //这里因为外面穿入了data，我们就不自己get了 function getList ( data ) { var list = data ; initRightList ( list ) ; } //渲染列表 parma array function initRightList ( list ) { $ ( '

web前端入门到实战：jQuery中的事件、动画、表单应用

阅读更多关于 web前端入门到实战：jQuery中的事件、动画、表单应用

什么是事件? 页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。在事件中经常使用术语 " 触发 " （或 " 激发 " ）常用click(）方法触发 DOM的加载 $(document).ready() 方法与 window.onload () 方法的区别：事件绑定使用bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind() 方法的调用格式： bind(type,[data], fn ) • type: 含有一个或多个事件类型的字符串，由空格分隔多个事件。比如 "click" 或 "submit" ，还可以是自定义事件名。 • data: 作为 event.data 属性值传递给事件对象的额外数据对象 • fn : 绑定到每个匹配元素的事件上面的处理函数实例： //事件绑定 $("#btn1").bind("click",function(){ alert("点我触发bind函数"); }) <button id="btn1">点我触发bind函数</button> 使用 jQuery 的 is()方法判断元素是否可见，使用is()方法: alert($("button").parent().is("body")); /* * $("#b1").is(":visible") 判断id为d1的元素是否可见 *

jQuery初识

阅读更多关于 jQuery初识

jQuery初识 jQuery是什么？ jQuery是一个兼容多浏览器的JavaScript库。 jQuery能极大地简化JavaScript编程，它的宗旨就是："Write less,do more." jQuery包含以下内容： HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX 下载链接： jQuery官网 jQuery对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象， jQuery对象是jQuery独有的。如果一个对象是 jQuery对象，那么它就可以使用 jQuery 里的方法：例如$(“#i1”).html()。 $(“#i1”).html()的意思是：获取id值为i1的元素的HTML代码，其中html()是jQuery里的方法。相当于JavaScript中的document.getElementById("i1").innerHTML; 虽然jQuery对象是包装DOM对象后产生的，但是jQuery对象无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery也不能使用jQuery里的方法。 jQuery与JavaScript在申明变量的区别： 1 var $variable = jQuery对象 2 var variable = DOM对象 3

jQuery进行DOM操作记录

阅读更多关于 jQuery进行DOM操作记录

1.在元素内部插入DOM元素 ①插入到元素内部原有元素之后 append(content) 返回值:jQuery 参数-content:要插入的元素String,Element,jQuery 为每一个匹配的元素内添加一些元素,参数既可以是字符串也可以是jQuery对象,如下: $("#1").append("input type='button' value='确定'/>") 在1的内部元素的后面添加一个按钮 $("#1").append($(".class")[0]) 在1的内部元素的后面添加css类为class的元素集中的第一个元素 appendTo(content) 返回值:jQuery 参数-content:被插入的元素StringElement,jQuery 把所有匹配的元素添加到指定的元素内,参数既可以是字符串也可以是jQuery对象,如下: $("#1").appendTo($("#2")) 在2的内部元素的后面添加1 ②插入到元素内部原有元素之前 prepend(content) 返回值:jQuery 参数-content:要插入的元素String,Element,jQuery prependTo(content) 返回值:jQuery 参数-content:要插入的元素String,Element,jQuery 它们分别与append(content

订阅 jquery事件