jQuery 1.3.2 简单实现select二级联动 代码如下: jQuery 二级联动 $(document).ready(function(){ $("#province").change(function(){ $("#province option").each(function(i,o){ if($(this).attr("selected")) { $(".city").hide(); $(".city").eq(i).show(); } }); }); $("#province").change(); }); ----请选择省份---- 北京 上海 江苏 ----请选择城市---- 东城 西城 崇文 宣武 朝阳 黄浦 卢湾 徐汇 长宁 静安...
jQuery对于数组元素操作主要提供了以下工具: (1)数组和对象的例遍:jQuery.each(obj,callback) 通用例遍方法,可用于例遍对象和数组。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。 (2)数组元素的过滤:jQuery.grep(array,callback,[invert]) 使用过滤函数过滤数组元素。此函数至少传递两个参数:待过滤数组和过滤函数。...
代码如下: //初始化页面时验证是否记住了密码 $(document).ready(function() { if ($.cookie("rmbUser") == "true") { $("#rmbUser").attr("checked", true); $("#user").val($.cookie("userName")); $("#pass").val($.cookie("passWord")); } }); //保存用户信息 function saveUserInfo() { if ($("#rmbUser").attr("checked") == true) { var userName = $("#user").val(); var passWord = $("#pass").val(); $.cookie("rmbUser"...
下面是代码: 首先HTML页面代码如下: 代码如下: Jacob Song的购物网站 我的购物网站 蓝色 紫色 红色 天蓝色 橙色 淡绿色 CSS文件,对应HTML 代码如下: /*头部样式开始*/ #header{ width:800px; height:80px; border: 1px solid #AAAAAA; margin:10px auto; background:#3B5998; } /*logo样式开始*/ #logo { float:left; margin:0 0 0 10px; color:#FFF; font-size:3em; font-weight:700; line-height:80px; ...
腾讯微博也已近实现了拖拽上传。其实很简单。 由于没有服务器支持在文章里不能做上传演示,下载实例 拖拽上传需要什么支持 1:需要浏览器支持 drop 事件。(响应拖拽事件获取file对象); 2:XMLHttpRequest 对象有 sendAsBinary 方法(用于发送数据); 以上两个条件 目前仅有 firefox 能达到。 chrome 第一项达标,第2项可以使用 google.gears 来模拟。 所以能实现拖拽上传的浏览器 有 firefox3.6 + 和 chrome7+。 如何实现拖拽上传 1:绑...
代码 代码如下: 无标题页 移动 数据 数据 数据 * 11111111111 sdgergserhserhserh awegaw * 222222222 serherwwwwww fafafff * 333333333 qqqqqqqwewer yukyuk var curTr = null; var tb1 = document.getElementById('tb1'); var trs = tb1.getElementsByTagName('tr'); tb1.onselectstart = function(){ if(curTr){ document.selection.empty(); return true; } }; for(var i=1; ivar tds = trs[i].getElementsB...
HTML: 代码如下: 未选择颜色 : 已选择颜色 : 蓝色 红色132 <select id="colorSelect" multiple="multiple" name="selectColors" ondblclick="listMove(colorSelect,colorUnSelect,hidColorSelect,false,this.selectedIndex)" size="8" style="height: 200px; width: 90%;"> 红色 紫色 黄色 黑色 白色 绿色 粉红色 对应JS方法: 代码如下: function listMove(main, follow, hidetextbox, isBack, inde...
jquery代码 代码如下: $(function() { $("#DropDownList1").bind("change", function() { $("#Label1").text($("#DropDownList1 option:selected").text()); }); 或者 代码如下: $("#DropDownList1").bind("change", function() { $("#Label1").text($("#DropDownList1").val()); }); 其中对这个解释下: var name = $("#DropDownList1 option:selected").val(); //获取dropdownlist 里面选中的值 var name1 = $("#DropDownLis...
引用jquery 库: 代码如下: $(function() { $('#demo').jclock(); $('#local').click(function() { $('#demo').jclock() }); $('#with').click(function() { $('#demo').jclock({ withDate: true, withWeek: true }) }); $('#utc').click(function() { $('#demo').jclock({ withDate: true, utc: true }) }); }); 前台代码: 代码如下: JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas...
语法规则如下: $('a[href$="ABC"]')... 支持的选择方式如下: = 判断完全相符; != 不相符; ^=以某字符串开头; $=以某字符串结尾; *=包含某字符串。 进一步,可以通过$('a[href$="ABC"]:first')返回结果集中的第一条记录 如果需要遍历结果集: 代码如下: $(a[href*=/Lists/Booking/DispForm.aspx]).each(function(){ // $(this)… }); 如果要获取相关属性可以通过$('a[href$="ABC"]:first').attr(‘title')等来获取 如果需要...
显然,能做到这一步,其实现是相当的复杂,这个实现就是它的init方法,jQuery的真实构造器。它功能也随着版本的升级而升级,越来越长。 2009-01-13发布的1.3版 代码如下: init: function( selector, context ) { // Make sure that a selection was provided selector = selector || document; // 处理节点参数,直接添加属性到新实例上 if ( selector.nodeType ) { this[0] = selector; this.length = 1; this.context = selector...
代码如下: flash download PercentLoaded
三级下拉菜单的实现: 代码如下: function list(idstr){ var name1="subtree"+idstr; var name2="img"+idstr; var objectobj=document.all(name1); var imgobj=document.all(name2); //alert(imgobj); if(objectobj.style.display=="none"){ for(i=1;i<22;i++){ var name3="img"+i; var name="subtree"+i; var o=document.all(name); if(o!=undefined){ o.style.display="none"; var image=document.all(name3); //alert(image); ...
局部刷新: 这个方法就多了去了,常见的有以下几种; $.get方法,$.post方法,$.getJson方法,$.ajax方法如下 前两种使用方法基本上一样 代码如下: $.get(”Default.php”, {id:”1″, page: “2″ }, function(data){ //这里是回调方法。返回data数据。这里想怎么处理就怎么处理了。 }); $.getScript方法: 代码如下: $.getScript(”http://jqueryajax.com/jquery.js”, function(){ $(”#go”).click(function(){//回调方法 $(...
效果图如下所示: 代码如下:<!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> <link rel="stylesheet" href="css/listnav.css?7.1.34" type="text/css" media="screen" charset="utf-8" /> <script src="js/jquery-1.4.4.min.js?7.1.34" type="text/javascri...