
jQuery
文章平均质量分 76
liu_111111
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
温故知新-------jQuery层次选择器
.imgclass { width: 100px; height: 100px; } div { width: 250px; height: 250px; background-color: #ee原创 2013-06-24 16:06:38 · 902 阅读 · 0 评论 -
jQuery根据纬度经度查看地图
//在这里要注意js的引入顺序 $(function () { function latlong() { return new google.maps.LatLng($("#lat").val(), $原创 2013-05-07 20:46:36 · 2787 阅读 · 1 评论 -
实现分页功能(三层)
------------------------------DAL层:-------------------------- /// /// 分页获取数据列表 /// public DataTable GetListDataTable(int PageSize, int PageIndex) {原创 2013-05-21 15:35:32 · 1531 阅读 · 0 评论 -
jQuery插件实现红绿蓝三原色的搭配
//在这里要注意:js包的引入顺序,如果顺序错了有可能会出现程序运行结果不完整 #red, #green, #blue {float: left;clear: left;width: 300px;margin: 15px;}#swatch {width原创 2013-05-07 19:48:34 · 2267 阅读 · 0 评论 -
jQuery插件中validate的使用
•validate简介:–自带验证规则,包括必填,数字,url等–验证提示信息(就是验证失败时候的提示信息,要想显示中文需要插件支持)–多种事件触发,不仅可以在提交(单击submit类型的按钮)时,还可以在keyup,blur事件中触发验证–4.允许自定义验证规则•validate使用方法:–引入Jquery包–引入jquery.va原创 2013-05-07 17:42:10 · 2370 阅读 · 0 评论 -
AJAX和WebService实现邮箱验证(无刷新)
首先在项目里面添加服务引用---------------------------验证 Email 地址是否正确.aspx------------------------------ Email runat="server" Text="">原创 2013-05-20 21:13:40 · 2354 阅读 · 0 评论 -
jQuery实现表格全选、反选、删除一行或多行、增加一行
table tr td { border: solid 1px #eee; } $(function () { $('#Checkbox7').click(function () { if ($(this).attr("checked"原创 2013-05-06 17:09:03 · 10825 阅读 · 0 评论 -
使用AJAX返回WebService里的集合
-------------------WebService1 ----------------------------- // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 [System.Web.Script.Services.ScriptService] public class WebService1 : System.W原创 2013-05-20 19:55:23 · 930 阅读 · 0 评论 -
animate用法
点击“滚开”,就会很明显的看到animate用法 .spanclass{ position:relative; background:#ffdddd} .class1 { background:#BCC7D8; } $(function ()原创 2013-05-06 15:51:50 · 1303 阅读 · 0 评论 -
animate动画效果(泪奔的小孩)stop和delay的用法
img { width:150px; height:200px; position:relative; } td{width:150px;height:200px;} table{border:solid 1px black;} $(function原创 2013-05-06 15:40:54 · 3193 阅读 · 0 评论 -
实现百度搜索效果
#txtKey{width:300px;} $(function () { var array = ['asp.net', 'asp.net mvc', '张一', '张二', '张三', 'wcf', 'wpf', 'win8', 'windows phone'];原创 2013-05-07 19:08:28 · 1848 阅读 · 0 评论 -
jQuery输入城市查看地图
//在这里要注意js引入的先后顺序 .photo {width: 300px;text-align: center;}.photo .ui-widget-header {margin: 1em 0;}.map {width: 350px;he原创 2013-05-07 20:30:59 · 1134 阅读 · 0 评论 -
AJAX和三层架构实现分页功能
-----------------------------HTMLPage1.htm--------------------------------- table{ border:solid 1px #444; background-color:Aqua;} table td{border:solid 1px #444;}原创 2013-05-21 16:27:54 · 1261 阅读 · 0 评论 -
jQuery简单过滤选择器
根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中,在过滤选择器中有可以分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器6种1.简单过滤选择器:根据某类过滤规则进行元素的匹配,书写时都以冒号(:)开头;简单过滤选择器是过滤选择器中使用最广泛的一种原创 2013-06-24 16:05:09 · 1005 阅读 · 0 评论 -
jQuery选择器实现隔行变色和使用javaScript实现隔行变色
jQuery选择器继承了CSS与Path语言的部分语法,允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择,而不必担心浏览器的兼容性,通过jQuery选择器对页面元素的精准定位,才能完成元素性和行为的处理。选择器的优势?与传统的JavaScript获取页面元素和便携食物相比,jQuery选择器具有明显的优势,具体表现在一下两个方面:*代码更简单*完善的检测机制-->原创 2013-06-24 16:03:13 · 1151 阅读 · 0 评论 -
jQuery中常用的函数方法
jQuery中常用的函数方法总结Ajax处理load(url,[data],[callback])url (String) : 待装入 HTML 网页网址。data (Map) : (可选) 发送至服务器的 key/value 数据。callback (Callback) : (可选) 载入成功时回调函数。代码:$("#feeds").load("f原创 2013-06-24 16:01:02 · 979 阅读 · 0 评论 -
Jquery正则表达式公式.例子
1.非负整数 /^\d+$/ 2.正整数 /^[0-9]*[1-9][0-9]*$/ 3.非正整数 /^((-\d+)|(0+))$/ 4.负整数 /^-[0-9]*[1-9][0-9]*$/ 5.整数 /^-?\d+$/ 6.非负浮点数转载 2013-06-24 15:56:20 · 852 阅读 · 0 评论 -
Jquery.Form的使用
有些功能需要我们利用Ajax技术进行POST提交表单,这时候就需要用到jquery.Form ,它有两种方式进行提交,AjaxForm和AjaxSubmit方式。 AjaxForm 方式必须先绑定表单,它一般在$(document).ready(function () {}里定义,它能让表单不刷新页面的情况下POST到目标。如:转载 2013-06-24 15:54:48 · 840 阅读 · 0 评论 -
jQuery拖动图片删除
#mydiv { width: 900px; background-color: #444; position: absolute; left: 100px; } img { width: 200p原创 2013-05-09 21:22:06 · 1991 阅读 · 0 评论 -
JQuery UI - draggable参数中文详细说明
·概述 在任何DOM元素启用拖动功能。通过单击鼠标并拖动对象在窗口内的任何地方移动。 官方示例地址:http://jqueryui.com/demos/draggable/ 所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象 ui.helper - 表示被拖拽的元素的JQuery对象 ui.position转载 2013-05-09 15:36:48 · 36103 阅读 · 1 评论 -
AJAX和WebService实现省市县三级联动
-------------------------------------WebService1.asmx---------------------------------------// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 [System.Web.Script.Services.ScriptService] p原创 2013-05-22 17:20:50 · 1815 阅读 · 0 评论 -
jQuery模拟QQ相册
0-0 $('#DB_gallery').DB_gallery({ thumWidth: 110, thumGap: 8, thumMoveStep: 4, moveSpeed: 300, fad原创 2013-05-09 07:38:45 · 1842 阅读 · 0 评论 -
jQuery的fadeTo方法调整图片的透明度
.imgclass{ width:300px; height:300px; border:solid 1px red;} $(function () { $('#Select1').change(function () { var thevalue = $(this).val();原创 2013-05-06 15:45:07 · 965 阅读 · 0 评论 -
AJAX实现用户登录
-----------------------WebService1-------------------------------- // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 [System.Web.Script.Services.ScriptService] public class WebService1 :原创 2013-05-20 19:18:41 · 6532 阅读 · 0 评论 -
AJAX获取服务器当前时间
------------------------------ WebService1.asmx----------------------------------// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 [System.Web.Script.Services.ScriptService] public class We原创 2013-05-20 19:07:33 · 3502 阅读 · 0 评论 -
表单对象属性过滤选择器
表单对象属性过滤选择器:通过表单中的某对象属性特征获取该类元素,如enabled、disabled、checked、selected属性jQuery选择器详解根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中,在过滤选择器中有可以分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选原创 2013-04-18 14:26:34 · 769 阅读 · 0 评论 -
jQuery动态创建节点元素
#divLeft { float: left; width: 300px; height: 400px; border: 1px solid red; margin-right: 10px; } #divRight原创 2013-04-22 21:42:36 · 853 阅读 · 0 评论 -
jQuery左侧菜单效果
左侧菜单效果 $().ready(function () { $(".testbox ul li").hover(function () { $(this).find(".boxshow").show(); }, function () { $(this).find(".boxshow").hide(); }); });原创 2013-04-22 21:41:17 · 1986 阅读 · 0 评论 -
jQuery实现导航条功能
body{font-size:13px} #divFrame{border:solid 1px #666;width:301px;overflow:hidden} #divFrame .clsHead h3{padding:0px;margin:0px;float:left} #divFrame .clsHead span{float:right;margin-top原创 2013-04-18 14:27:59 · 760 阅读 · 0 评论 -
JQuery的常用选择器、过滤器、方法祥细介绍
1、jQuery对象转换成DOM对象a.var $cr = $("#cr"); //jQuery对象var cr=$cr[0]; //DOM对象alert(cr.checked); //检测checkbox是否被选中了b.var $cr=$("#cr"); //jQuery对象var cr=$cr.get(0); //DOM对象alert(cr.checke转载 2013-03-24 16:10:20 · 756 阅读 · 0 评论 -
很强大的jQuery选择器
1. 基础选择器 Basics名称说明举例#id根据元素Id选择$("divId") 选择ID为divId的元素element根据元素的名称选择,$("a") 选择所有元素.class根据元素的css类选择$(".bgRed") 选择所用CSS类为bgRed的元素转载 2013-03-21 20:19:56 · 604 阅读 · 0 评论 -
当输入框获得焦点时,自动显示验证图片(jQuery)
代码:var Validation = {};Validation.init = function(eleName,imageSrc){ this.image = imageSrc; $('#'+eleName).focusin(function(){ Validation.show(eleName); });}Validation.imag原创 2013-03-21 20:16:29 · 2060 阅读 · 0 评论 -
$(document).ready()方法和window.onload方法区别
为了正常操作页面元素,需要把操作元素的JS代码写在$(document).ready()(Jquery)或window.onload(普通JS)中。$(document).ready()(这种写法实际上是/把dom对象document转换成了jQuery对象,然后注册ready()事件)一般可以简化为$(function(){........jquery代码...........原创 2013-03-21 19:46:40 · 984 阅读 · 0 评论 -
jQuery 选择器和过滤器
选择器:*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 元素.class.class$原创 2013-03-21 20:00:57 · 779 阅读 · 0 评论 -
jQuery实现全选反选功能
--> img { width: 50px; height: 50px; } table { width: 600px; height: 400px; }原创 2013-04-22 21:45:12 · 698 阅读 · 0 评论 -
查看图片(前进后退)功能
注:images文件夹下图片的命名是从1~5.jpg有规律的 声明的 var array = [1, 2, 3, 4, 5]; 这个数组存放的是图片的名称 img { width: 200px; height: 200px; }原创 2013-04-23 17:40:13 · 1479 阅读 · 0 评论 -
邮箱验证格式
.txtbackcolor { background-color:#eee; } $(function () { var state = false; $('#txtEmail').focus(function () {原创 2013-04-23 17:36:47 · 1000 阅读 · 0 评论 -
使用jQuery子元素过滤选择器选择元素
子元素过滤选择器:在页面开发过程中, 常常遇到突出指定某行的需求。虽然使用基本过滤选择器:eq(index)可实现单个表格的显示,但不能满足大量数据和多个表格的选择需求。为了实现这样的功能,jQuery中可以通过子元素过滤选择器轻松获取所有父元素中指定的某个元素。jQuery选择器详解根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器、层次选择器、过滤选择器、原创 2013-04-18 14:25:30 · 1592 阅读 · 0 评论 -
使用jQuery基本过滤选择器
1.简单过滤选择器:根据某类过滤规则进行元素的匹配,书写时都以冒号(:)开头;简单过滤选择器是过滤选择器中使用最广泛的一种jQuery选择器详解根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中,在过滤选择器中有可以分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤原创 2013-04-18 14:17:15 · 808 阅读 · 0 评论 -
使用jQuery属性过滤选择器选择元素
属性过滤选择器:根据元素的某个属性获取元素,如ID号或匹配属性值的内容,并以"["号开始"]"号结束。jQuery选择器详解根据所获取页面中元素的不同,可以将jQuery选择器分为:基本选择器、层次选择器、过滤选择器、表单选择器四大类。其中,在过滤选择器中有可以分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器6种-->原创 2013-04-18 14:22:57 · 793 阅读 · 0 评论