Jquery简单闭包

<html> <body> <script src="Js/Index.js"></script> <script type="text/javascript"> $(function () { index.init(); }) </script> </body> </html> var index = (function () { //加载页面事件 var _initP…

jQuery简单实现iframe的高度根据页面内容自适应的方法(转)

本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法.分享给大家供大家参考,具体如下: 方式1: //注意:下面的代码是放在和iframe同一个页面中调用 $("#iframeId").load(function () { var mainheight = $(this).contents().find("body").height() + 30; $(this).height(mainheight); }); 方式2: //注意:下面的代码…

jQuery简单的手风琴菜单

查看效果:http://keleyi.com/keleyi/phtml/menu/5.htm 本菜单的HTML代码和JS代码都简洁,完整源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3…

jquery 简单弹出层(转)

预定义html代码:没有所有代码通过js生成和移除. 预定义css /* 基本弹出层样式 */ .my-popup-overlay { width:100%; height:auto; /* width height is defined by javascript */ position: absolute; top:0; left: 0; z-index: 1000; background-color: #000; opacity: 0.2; *filter:alpha(opacity=2…

JQuery简单实现锚点链接的平滑滚动

在平时的项目中,我们经常需要一些特效链接,如果使效果进一步加强,我们可以使点击锚点链接平滑滚动到锚点,下面就来给大家讲解下如何使用jQuery来实现. 一般使用锚点来跳转到页面指定位置的时候,会生硬地立即跳转到指定位置,但是有些时候我们想要平滑地过渡到指定的位置,那么可以使用JQuery简单的实现这个效果: 比如,这里我们将通过点击<a>标签跳转到 id为content的指定位置那里. ? 1 <a id="turnToContent" href="#c…

基于Jquery 简单实用的弹出提示框

基于Jquery 简单实用的弹出提示框引言: 原生的 alert 样子看起来很粗暴,网上也有一大堆相关的插件,但是基本上都是大而全,仅仅几句话可以实现的东西,可能要引入好几十k的文件,所以话了点时间自己写了个弹出效果,放到项目上去发现效果还不错,这里贴出来,做个备忘,有需要的同学可以拿去,也可以作为一个参考. 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.…

jquery简单封装

对Raphael画图标的一个jquery简单封装公司要做一个项目的demo,要求地图上可以插红旗,所以就用到了Raphael. 因为是个demo,所以地图就用了一张图片,效果如下: 所以为了更好的封装一下这个功能,就写了一个简单的插件:jquery-pointpainter.js /** * @author Lee<br> * @since 2013-8-19 <br> */ (function($, Raphael) { $.fn.pointpainter = function…

Jquery简单的placeholder效果

Jquery简单的placeholder效果由于IE6-IE9不支持HTML5中的placeholder,所以自己依赖于Jquery简单的写了一个,供参考! 先看看效果吧!如下JSFiddle地址查看效果链接 JS代码如下: /* * JS placeholder * IE6-IE9不支持HTML5中的placeholder */ function Placeholder(options) { this.config = { defaultColor: '#ccc', curColor: '…

jQuery 简单介绍

jQuery 简单介绍 jQuery的定义 jQuery是一个快速,小巧,功能丰富的JavaScript库.它通过易于使用的API在大量浏览器中运行,使得 HTML文档遍历和操作,事件处理,动画和Ajax更加简单.通过多功能性和可扩展性的结合,jQuery改变了数百万人编写JavaScript的方式. jQuery 中 98% 的都是方法只有两个属性: 索引和 length 为什么要使用jQuery? window.onload 事件有事件覆盖的问题,因此只能写一个事件.…

jquery简单使用（看教程：快全有实例）（固定样式：$().val()设置属性，$().click()设置方法）

jquery简单使用(看教程:快全有实例)(固定样式:$().val()设置属性,$().click()设置方法) 一.总结 1.jquery不懂之处直接看教程,案例都有,有简单又快 2.jquery给input设置值半天没弄出来,因为使用格式错误啊:本来应该是:$("#username").val("student"); 写成了$("#username").val="student"; 3.jquery格式:$().()形式…

使用jQuery简单实现返回顶部的一个小案例

1.简单写一个页面首先我们应该创建两个盒子,container盒子主要模拟页面滚动到的位置,back盒子主要功能是实现返回顶部的功能 2.简单的对这两个盒子写一些样式我们应该先将返回顶部盒子隐藏(display:none) 我们可以看到页面是这个样子 3.使用jQuery简单写返回顶部的js 最终实现返回顶部的功能…

jQuery简单倒计时插件

一. 效果预览二. 实现 1. 按照特定的类结构布局. 2. 需要先引入jQuery,再引入此文件. /** * Author: CC11001100 * * 简单倒计时 * * 1. 支持页面内同时存在多个计时器并且不互相干扰 * 2. 支持多种格式,比如可以省略天.小时...等等,前面省略会自动加到后面,最多可以只有秒 * 3. 倒计时可以是秒数,可以是时间戳,可以是日期时间(设置一种即可) * * Usage: * * <div class="timer-simple-second…

对Raphael画图标的一个jquery简单封装

公司要做一个项目的demo,要求地图上可以插红旗,所以就用到了Raphael. 因为是个demo,所以地图就用了一张图片,效果如下: 所以为了更好的封装一下这个功能,就写了一个简单的插件:jquery-pointpainter.js /** * @author Lee<br> * @since 2013-8-19 <br> */ (function($, Raphael) { $.fn.pointpainter = function(options, params) { if (…

关于jquery简单操作简单表格

最近在摸索jquery中,想着学习过程中还是记下点自己的东西比较好,不管是日后自己查阅,亦或是对于他人有些许帮助. 也是一件两全其美的事情了. 下面我就简单贴上自己的html中重要部分了. 具体实现了的内容有: 1. 光标附上表格隔行变色效果 2. 点击全选按钮 ,选中所有未选中项:或者全选时,取消全选 3. 选中项删除行操作 jquery版本: jquery-3.1.1 一,页面样式表与布局 <div class="tab-ope"> <table> &l…

jQuery简单易用的网页内容打印插件

简要教程 jQuery.print是一款简单易容且功能强大的网页内容打印jQuery插件.该网页打印插件可以打印指定区域的网页元素,可以指定跳过不打印某些元素,还可以打印整个页面内容.并且提供了丰富的打印参数设置. 使用方法使用该网页打印插件要引入jQuery和jquery.print.js文件. <script type="text/javascript" src="js/jquery.min.js"></script> <scri…

模拟jQuery简单封装ajax

/*模拟jQuery的写法 (简单写法)*/ var $={}; /*ajax*/ $.ajax = function (options) { /* * 请求 * 1.请求接口 type get post 默认的是get 决定是否设置请求头 * 2.接口地址 url 不确定字符串如果用户没有传默认的接口地址为当前路径 * 3.是否是异步 async 默认的就是异步 true;false 是同步请求 * 4.提交数据 data 默认的是对象 {name:'XXX',age:'19'} 默认是…

关于JQuery简单介绍

jQuery是一个兼容多浏览器的javascript库,核心理念是写得更少,做得更多.如今,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery. 特点: 通过插件来扩展多浏览器支持,解决了IE6,7,8的兼容性问题简单小巧,使用方便关于版本版本号:v1....兼容IE6,7,8及其他的浏览器版本号:v2....不兼容IE6,7,8,支持模块化开发得到JQuery对象要…

jQuery简单入门(三)

3.事件和动画 A. 事件 Aa. DOM加载 1.为什么使用jQuery加载DOM方法? 以javascript的window.onload()方法加载DOM的先决条件是:必须等待被请求页面的资源全部加载完成,才会为DOM元素添加事件行为;而jquery只要DOM元素加载完成,就立刻绑定事件 2.表现形式: $(function() { //你的实现逻辑 }); Ab. 事件绑定事件绑定方法bind(eventType [, data], function() {...}) 表现形式: $…

jQuery简单入门(二)

2.Dom操作 A.DOM分类个人认为在jQuery中这些分类被弱化了,有兴趣的读者可以自行补充这方面的知识: aa.DOM Core bb.HTML -DOM cc. CSS-DOM B.jQuery操作DOM aa.操作节点 1.查找节点 1.1.查找元素节点: $(“input”).val();//获取input元素的数值 $(“form input:eq(1)”).val();//获取form元素的第2个input子元素的数值 1.2.查找属性节点: $(“input”).attr(“…

jQuery简单实例

jQuery 选择器 $(this).hide() 演示 jQuery 的 hide() 函数,隐藏当前的 HTML 元素. $("p").hide() 演示 jQuery 的 hide() 函数,隐藏所有 <p> 元素. $(".test").hide() 演示 jQuery 的 hide() 函数,隐藏所有 class="test" 的元素. $("#test").hide() 演示 jQuery 的 hide…

jquery简单的图片切换效果，支持pc端、移动端的banner图片切换开发

详细内容请点击无意中看见了两年前写的一个图片切换,那会儿刚刚学习网页制作,可以说是我的第一个处女座的jquery图片切换效果.无聊之余对它的宽度稍稍做了一下修改,变成了支持pc端.手机端全屏的banner图片切换效果. 写法很简单,网页初学者们或者wenbapp初学者们可以拿去学习学习,也可以在这基础上加上手机的图片滑动切换效果.废话不多说,下面说说这个简单的图片切换的效果吧! 首先以下是图片切换的效果图: 图片切换效果html内容: <div class="tyna2"&…

jQuery简单邮箱验证

jQuery 简单归纳总结

jQuery语法是为HTML元素的选取编制的,能够对元素运行某些操作. 基础语法是:$(selector).action() +美元符号定义 jQuery +选择符(selector)"查询"和"查找" HTML 元素 +jQuery 的 action() 运行对元素的操作演示样例: $("p").hide()--隐藏全部段落 $(this).hide()--隐藏当前元素 jQuery选择器: 元素选择器: $("p")--…

jQuery简单导航示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf…

JQuery简单实现图片轮播效果

很多页面都需要用到界面轮播,但是用原生js相对来说比较复杂,用jQuery实现效果比较迅速,写个简单的demo 1.首先在HTML页面要放置轮播图案位置插入div,这里写了轮播图片数量为3张,所以定义了三个<li>作为轮播button <div id= "container"> <p class="ImgList" style="background:url('/img/img1.png') center">&…

jQuery简单的Ajax调用示例

jQuery确实方便,下面做个简单的Ajax调用: 建立一个简单的html文件: <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="Public/js/jquery-easyui-1.3.1/jquery-1.8.2.min.js"></script> <script type="text/javascript…

jquery简单的拖动效果

<!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>简单拖曵原理实例</title> <style type="text/css"> #drag{width:400px;height:300px;background:url(ht…

基于jQuery简单实用的Tabs选项卡插件

jQuery庞大的插件库总是让人欢喜让人忧,如何从庞大的插件库里挑出适合自己的插件,总是让很多缺少经验的朋友头疼的事!今天为大家推荐几款简单实用的Tabs选项卡插件,推荐理由:简单易用灵活,样式美观,开源免费! 1.jQuery UI Tabs 在线DEMO:http://jqueryui.com/tabs/ jquery ui tabs由jquery团队开发,使用方便灵活,可实现多种效果,兼容性较好!唯一缺点样式有点丑,样式自己根据需求定义就很完美了. 2.tabulous.js 在线Demo…

jQuery 简单滑动轮播图效果

一般页面简单轮播图效果用jQuery制作更加简单.我们来看看以下效果是如何来进行制作的. 其html结构下所示: <div id="box"> <ul> <li><img src="taobao/01.jpg"></li> <li><img src="taobao/02.jpg"></li>…

jQuery简单过滤选择器

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <!--jQuery选择器详解根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器.层次选择器.过滤选择器.表单选择器四大类.其中,在过滤选择器中有可以分为:简单过滤选择器.内容过滤选择器.可见性过滤选择器.属性过滤选择器.子元素过滤选择器.表单对象属性过滤选择器6种 1.简单过滤选择器:根据某类过滤规则进行元素的匹配,书写时都以…

【Jquery简单闭包】的更多相关文章