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

JQuery 操作select标签实现代码

下面几个常用的代码或许对您有帮助: 代码如下://1.获取选中option值 $(#selectList).val(); //2.获取选中option的文本 $(#selectList :selected).text(); //3.获取多个选中option值、文本 var foo = []; $(#multiple :selected).each(function(i, selected) { foo[i] = $(selected).text(); }); // to get the selected values, just use .val() - this returns a string or array foo = $(#multiple :selected).val(); //4.使用...

基于jquery用于查询操作的实现代码【图】

一.本文干些啥: 通过javascript得到用户操作改变url参数从而实现某些功能,如查询(具体的查询由服务器端代码得到url中的参数组成查询语句实现)。 二.准备工作: 一个JQuery类库(我使用的版本为:1.3.2),一个工具类库(Tool.js,基本都是网上搜索来的代码),一个查询类库(Search.js,自己写的),一个htm页面(用来做练习),将这些js代码添加进页面htm页面。 htm页面 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans...

Jquery 动态添加按钮实现代码【图】

点击添加 动态添加两个文本框: 分别表示x和y的值,点击取消 删除本行的2个文本框记得要引入jquery.js 代码如下:<script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(function() { $("#btnMian").click(function() { //生成 0 到100000 随机数 Mapth.random产生 0到1的随机数 然后乘以100000 var maxNumber = 100000; var randomNumber = Math.round(maxNumber * Math.random()); // ...

基于jquery的让页面控件不可用的实现代码

应用背景 当用户需要某项功能时要填写一些表单信息,在填写完成并提交后,该部分信息是不允许再次修改的。表单包含TextBox、DropDownList、CheckBox等控件。 需求实现 第一种方案,绑定用户填写的数据时,设置控件的Enable属性为False。如果页面的表单数较少时可采用这样的方法,但是如果在表单较多的情况下则并不是更好的方法。 第二种方案,使用Foreach访问页面控件,判断类型如果是TextBox、DropDownList、CheckBox等,则设置En...

Jquery操作radio,checkbox,select表单操作实现代码【图】

一 、Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_...

jQuery CheckBox全选、全不选实现代码小结

直接上代码。 Index $(function() { $("#CheckAll").click(function() { var flag = $(this).attr("checked"); $("[name=subBox]:checkbox").each(function() { $(this).attr("checked", flag); }) }) }) 全选 1 2 3 4 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 下面的代码比较全,是基于js的控制原理实现 代码如下:<script src="http://img.jb51.net/jslib/jquery/jquery14.js"></script> <script type="text/...

jquery 表格分页等操作实现代码(pagedown,pageup)【图】

没什么技术含量,先上图: 思路: 1:获取按键 2:判断当前表格行的位置 HTML结构: 代码如下:<div id="formdiv" align="center"> firstname:<input type="text" id="firstname"/> lastname:<input type="text" id="lastname"/> age:<input type="text" id="age"/> percent:<input type="text" id="percent"/> <input type="button" value="确定" id="sure"/> </div> <table border="0" cellpadding="0" cellspacing="0" align="c...

Jquery+JSon 无刷新分页实现代码

控件类代码: 代码如下:using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; using System.Text; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Reflection; using System.IO; [assembly: WebResource("PageBarJS.js", "application/x-javascript")] namespace Hawkon.Control { [DefaultProperty("Text")] [ToolboxData("<{0}:PageBar ...

基于jquery的获取mouse坐标插件的实现代码

代码如下:/* * Copyright (c) 2010 刘建华 * * The above copyright notice shall be * included in all copies or substantial portions of the Software. * Example: <div style="height:1000px">demo</div> <div id="demo" style="height:50px; background:purple; width:50px;z-index:999999; position:absolute;left:-1000px;top:-1000px;">demo</div> <script type="text/javascript" > var o = $(document); o.mousemove( f...

jQuery 自动增长的文本输入框实现代码

为了提高用户体验,我在午休时候想起了是不是可以用jQuery写个插件。想到不如做到,果然,我实现了这个功能。在写这个插件时我潜意识里想到这样的插件网上应该有人写过,不过我并没有去搜索,你有兴趣可以找一找。下面是插件的源代码。 源代码 代码如下:;(function($) { $.fn.autoSizeText = function(settings) { var _defaultSettings = {min:20,max:40}; var _settings = $.extend(_defaultSettings, settings); var _handler ...

Javascript Jquery 遍历Json的实现代码

代码如下:/* author: liulf function: var __db_cpcj=vCpcj; var __db_cp=vCp; var vCp={"cppage":[ {"cpdh":"A01000101","page":"1","ca":"1309-36-0","mc":"硫铁矿","ename":"Pyrite","bm":"黄铁矿"}, {"cpdh":"A01000201","page":"1","ca":"1309-36-0","mc":"硫精砂","ename":"Pyrite concentrate;Sulfur concentrate","bm":""}, {"cpdh":"A01000202","page":"1","ca":"1309-36-0","mc":"硫精矿粉","ename": "Powdered pyrite c...

jQuery 遍历json数组的实现代码

代码如下:<script type="text/javascript"> var d1 =[{"text":"王家湾","value":"9"},{"text":"李家湾","value":"10"},{"text":"邵家湾","value":"13"}]; $(d1).each(function(){ alert(this.text+" "+this.value); }); </script> 不用JQuery 代码如下:<script type="text/javascript"> var json = {"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"value\":\"10\"},{\"text\":\"邵家湾\",\"value\":...

Jquery 滑入滑出效果实现代码

CSS 代码如下:<style type="text/css"> #divD{ width:300px; height:100px; background-color:#CC99FF; } </style> Jquery代码 代码如下:<script type="text/javascript" src="bg/js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#btnFadein").bind("click",Fadein); //为btnFadein绑定click时间 $("#btnFadeout").bind("click",Fadeout); //为btnFadeout绑定click时间 }...

网络图片延迟加载实现代码 超越jquery控件【图】

淘宝,QQ,还有当当,亚马逊之类网之类的都有这个效果,原理是分段加载图片,主要用于大型网站节省带宽,可是他们提供的东西压缩混淆看不清,还有的要基于什么雅虎的什么库,总之是很麻烦的,JQ的控件倒是够清晰了,只是还是没有达到节省网络带宽的效果,于是我在JQ懒加载控件上进行一些改进,改进以后的最大的特点就是调用方便,项目中不需要什么太多更改,而且JS文件也不大。(泡泡网工!转载注明出处,谢谢) 1.给泡泡网开发控件,...

jQuery AJAX 调用WebService实现代码

用jQuery调用其他项目的WebService 实现登录验证功能 html输入用户名密码: 代码 代码如下:<table style="width: 400px"> <tr> <td style="width: 200px" class="left"> Login ID: </td> <td style="width: 200px" class="left"> <input id="txtLoginID" type="text" style="width: 190px;" value="" /> </td> </tr> <tr> <td style="width: 200px" class="left"> Login Password: </td> <td style="width: 200px" class="left"> ...