【jQuery自定义事件的简单实现代码_jquery】教程文章相关的互联网学习教程文章

jquery 可拖拽的窗体控件实现代码

所以要引入JQUERY框架。 把我的这个控件代码放到一个js文件里面直接引入就可以了 控件代码 代码如下:$.fn.myDrag = function() { var self = $(this); self.css("position", "absolute"); var p = self.position(); self.css({ left: p.left, top: p.top }); self.mousedown( function(event) { // debugger; self.data("ifDary", "true"); //保存状态,表示是否可以拖拽 // debugger; var selfLeft = event.pageX - parseInt(sel...

jQuery MD5加密实现代码

$(md("你想要加密的字符串")); md5插件下载地址:http://xiazai.jb51.net/201003/yuanma/jquery_md5.rar 下面是我的简单例子 代码如下:<!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.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="Scripts/jquery-1.3.2.min.js"></script> <script t...

Jquery实现无刷新DropDownList联动实现代码

先看HTML,我们引用Jquery,放两个DropDownList: 代码如下:<style type="text/css"> #ddlEmployeeCars { display:none; position:absolute; top:50px; left:9px; } </style> <script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>    <asp:DropDownList ID="ddlEmployee" runat="server" AppendDataBoundItems="true"> <asp:ListItem Text="(Pleas...

jquery 简单的进度条实现代码【图】

其实我本来的计划是做网页设计师的,可是没有人认为我设计的好,哥到现在还没有工作,发泄一下,不多说了。 效果图需要用到的图片: 背景图片:进度显示图片:网页结构: 代码如下:<div id="center"> <div id="message"></div> <div id="loading"><div></div></div> </div> css代码: 代码 代码如下:#center{ margin:50px auto; width:400px; } #loading{ width:397px; height:49px; background:url(bak.png) no-repeat; } #load...

jQuery 点击图片跳转上一张或下一张功能的实现代码

代码如下:<!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.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="jquery-1.3.2.js"></script><!--包含jQuery库文件--> <script type="text/javascript" src="...

jquery 打开窗口返回值实现代码

代码如下:<div>get value:<input type="text" name="inputname" id="inputname"/> <div id="getvalue" style="display:none;"> <div id="tl"></div><div id="tr"></div> <table style="border:1px solid #ccc ;width:500px;text-align:left;"> <thead> <tr> <th>number</th> <th>last name</th> <th>first name</th> </tr> </thead> <tbody> <tr> <td>2</td> <td>xing</td> <td>ge</td> </tr> <tr> <td>3</td> <td>xingad</td> <td...

jquery checkbox全选、取消全选实现代码

代码如下:<script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> <input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ />1<br /> <input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br /> <input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br /> <input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name...

jQuery对象和DOM对象的相互转化实现代码

jQuery对象和DOM对象相互转化 jQuery对象和DOM对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法;例如$("#img").attr("src","test.jpg"); 这里的$("#img")就是jQuery对象; DOM对象就是Javascript固有的一些对象操作。DOM对象能使用Javascript固有的方法,但是不能使用jQuery里的方法。例如:document.getElementById("img").src="test.jpg";这...

jQuery 操作下拉列表框实现代码

<select name="select1" id="select1" size="10"> <option value="1">Option1</option> <option valeu="2">Option2</option> <option value="3">Option3</option> <option value="4">Option4</option> </select> 1. 取得jQuery对象 obj = $('#select1'); 2. 取得Options 的长度 len = $('#select1 option').length 3. 遍历option for (var i = 0; i < len; i++) { option_value = obj[0].options[i].value; option_text = obj[0].o...

jQuery 添加/移除CSS类实现代码

其中一种办法是改变页面元素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的;而jQuery里提供三种方法来实现这个功能,虽然它们和传统方法的思想相通,但是却节省了许多代码。还是那句话 - “jQuery让JavaScript代码变得简洁!” 1. addClass() - 添加CSS类 代码如下:$("#target").addClass("newClass"); //#target 指的是需要添加样式的元素的ID //newClass 指的是CSS类的名称 2. ...

jquery 锁定弹出层实现代码

基于jquery的锁定弹出层 这个东西也是随手总结出来的,引用了一些js框架jquery的方法。 div遮盖其他控件的方法参考了 对于需要遮盖flash的,请将flash控件的WMode变量值设置为Transparent 使用方法: 代码如下:<script src="jquery.js"></script> <script src="effect/maskDiv.js"></script> <script> //配置模块 var moduleEvent = [{"idName":"close" , "eventName":"click" , "doMethod":"CLOSE_DIV"},{"idObj":window,"event...

jQuery插件 tabBox实现代码【图】

查了一下jq的官方插件编写文档(http://docs.jquery.com/Plugins/Authoring)以及文档中推荐的Mike Alsup写的一篇A Plugin Development Pattern。英语不是很好,但还是努力看下来(既学习到知识又能练习英语,何乐不为),照猫画虎的写了一个处女作——tabBox。 顾名思义,这个插件就是方便的产生具有tab选项卡功能“盒子”的。看图一下就明白这样功能在网页上是非常肠炎宁个的,不论前台后台。   在这,我首先提供了3个参数用于...

jQuery 处理网页内容的实现代码

jQuery提供两种实现这种功能的方法 – text()和html()。text()是对纯文本的处理;html()和text()相似,不同的是它还支持HTML代码。 代码如下://设置ID为"b5_a"段落的内容为"这是新加入的文本信息"; $(#b5_a").text("这是新加入的文本信息"); //在ID为"b5_b"的div里加入一段html代码; $("#b5_b").html("<p>新加入一个html段落</p>"); 有时我们要读取页面的内容,这也可以用text()和html()来实现。同样,使用text()得到的是纯文本...

jQuery ctrl+Enter shift+Enter实现代码

通过事件的which可以找到键码 不过当有组合键的时候还需要注意一下 如ctrl+enter键,虽然都是用e.ctrlKey但是 enter键的键码不是始终为13了 在ff中 判断 ctrl+enter 是 e.ctrlKey && e.which ==13 在ie6中 判断ctrl+enter 是 e.ctrlKey && e.which ==10 示例: 代码如下:$(document).keypress(function(e){ if(e.ctrlKey && e.which == 13 || e.which == 10) { $("#btn").click(); } else if (e.shiftKey && e.which==13 || e.whi...