jQuery版本：1.3.2 代码如下: 1 2 3 4 全选/取消全选 $("#chk_all").click(function(){ $("input[name='chk_list']").attr("checked",$(this).attr("checked")); }); jQuery.attr 获取/设置对象的属性值,如： 代码如下: $("input[name='chk_list']").attr("checked"); //读取所有name为'chk_list'对象的状态（是否选中） $("input[name='chk_list']").attr("checked",true); //设置所有name为'chk_list'对象的checked为...
直接看代码： 代码如下: $(document).ready(function() { $("#button").click(function() { var layer = $('none').layer({ content: '这里是层内容，默认焦点可以用none对象来代替' }); layer.open(); }); }); 代码如下:/* * 作者：彭白洋 2009.10.24* 功能：可弹出自定义字符串、Dom对象，根据事件焦点弹出、关闭动画* 调用方法：* 1、初始化直接打开：$("#buttonID").layer().open()；* 2、初始化：var layer=$("#...
实现jQuery的document.ready功能document.ready (function () { var ie = !!(window.attachEvent && !window.opera); var wk = /webkit\/(\d+)/i.test(navigator.userAgent) && (RegExp.$1 1) return; if (ie) (function () { try { d.documentElement.doScroll('left'); run(); } catch (err) { setTimeout(arguments.callee, 0); } })(); else if (wk) var t = setInterval(function () { if (/^(loaded|complete)$/....
代码如下: jquery分页控件 10 20 30 首页 上一页 下一页 最后一页 of0 var pageindex=1; var totelsize=60; var centersize=5; var pagesize=0; var totelSec=0; var outStr=""; var se="" +"5" +"10" +"15" +""; var firstdiv="首页"; var prediv="上一页"; var centerdiv=""; var nextdiv="下一页"; var lastdiv="最后一页"; $('.pager').empty(); $('.pager').append(se) $('.pager').append(firstdiv) $('.pag...
代码如下: 1 2 3 4 全选/取消全选 $("#chk_all").click(function(){ $("input[name='chk_list']").attr("checked",$(this).attr("checked")); }); 下面的代码是获取上面实例中选中的checkbox的value值: 代码如下: var arrChk=$("input[name='chk_list'][checked]"); $(arrChk).each(function(){ window.alert(this.value); }); }); JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上...
Jquery的选择器很强大，对select的options对象添加的时候我找了老半天才找到 代码如下:/**//* 文件名:jquery.liu.select.js 功能说明:本js文件为jquery类库的一个插件,主要实现对select的操作. 作者:John Liu 编写日期:2008/03/12 */ //得到select项的个数 jQuery.fn.size = function() { return jQuery(this).get(0).options.length; } //获得选中项的索引 jQuery.fn.getSelectedIndex = function() { return jQuery(this).get(0...
代码如下: $(#FashionStatement).val(); var limitNum = 1000; var pattern = 还可以输入 + limitNum + 字; $(#statementRowChk).html(pattern); $(#FashionStatement).keyup( function() { var remain = $(this).val().length; if (remain > 1000) { pattern = $(字数超过限制，请适当删除部分内容); } else { var result = limitNum - remain; pattern = 还可以输入 + result + 字; } $(#statementRowChk).html(pattern); } ); ...
一些css的定义，可以根据需要自己选择。//显示单双行显示不同背景色【方法一】： // $("#UL_id li:even").attr("className","redClass"); //显示单双行显示不同背景色【方法二】： $("#UL_id li:even").addClass("redClass"); 单数 双数 双数 odd:单 even:双 jQuery 表格隔行变色代码li隔行换色改进版JS控制表格隔行变色
http://www.gxlcms.com/article/21027.htm不多说了，直接给代码 代码 代码如下: 双色表格 table { border:solid 1px black; text-align:center; border-spacing:0px; } th,td { border:solid 1px black; width:100px; } $().ready(function() { $('tr:has(th)').css('background','violet'); //表格标题 $('tr:even:gt(0)').css('background','yellow'); //偶数行,且行数大于0(即标题) $('tr:odd').css('background','oliv...
准备工作 在开始之前我们需要做如下准备工作： 1.创建一个名为DEMO.html空白html文件；（推荐使用Editplus创建） 2.熟悉JQuery框架的基本语法；（不熟悉没关系，后面我会注释得很详细） 3.创建一个名为data.xml的XML文件用来存储数据，XML的结构下面会涉及到，你也可以下载我打包好的文件查看； 4.一个loading.gif图片，这个图片用于在将XML读取出来的等待时间里面显示在空白html文档中 正式开始 Step 1:首先让我们看看这个data.xm...
效果图:运行以后，刷新下即可。jQuery淡入淡出、展开收缩菜单 ul li{list-style:none;} ul li.menu{position:relative;width:120px;} ul li.menu ul{display:none;text-align:center;background:#fff;border:1px solid #ddd;width:100px;padding:5px;} ul li.menu ul li{padding:5px 0;border-bottom:1px dotted #ddd;} $(document).ready(function(){ $(".menu").hover( function(){ //$(".content").fadeIn(800); // 淡入 ...
这个教程将告诉你如何运用jQuery添加连续的CSS类生成一个生动的列表。第二个示例是如何运用jQuery的prepend特性为留言列表添加一个留言计数。 可以先看看示例。 1a.添加jQuery代码 下载jQuery，在标签之间如下添加jQuery代码： 代码如下: 输出html源码： 1b.CSS编码 相应的运用背景图片样式化元素。(step1.png, step2.png, step3.png等等）。 代码如下: #step .item1 { background: url(step1.png) no-repeat; } #step .item2 {...
在iframe中查找父页面元素的方法： $('#id', window.parent.document) 在父页面中获取iframe中的元素方法： $(this).contents().find("#suggestBox") 在iframe中调用父页面中定义的方法和变量： parent.method parent.value
主要层左右居中，设置left等于窗口宽除二减去自身层宽除二就居中了，至于窗口上下居中我没做到，固定了top等于滚动条隐去的 scrollTop加上50px; 当事件触发这个类时，首先判断一下两个层是否已经append到body里面，否则每次触发它就一直增加增加了。设置了五个参数title、 content、width、height、cssName，它们分别定义了层标题、层内内容、层宽、层高、层内容的样式名。层内内容又设置了url、 text、id、iframe四种加载方式，通...
在 Ajax 应用中，显示一个 Dialog（以 Div 方式显示）前，都会先建一个 Mask。因为经常会用到，所以写成了一个 jQuery 插件，方便自己的使用。 代码如下: (function($){ $.extend({ documentMask: function(options){ // 扩展参数 var op = $.extend({ opacity: 0.8, z: 10000, bgcolor: #000 }, options); // 创建一个 Mask 层，追加到 document.body $( ).appendTo(document.body).css({ position: absolute, top: 0px, left: 0p...