在jQuery选择器的基础下我们实现一个全选，反选，全不选功能！ <script type="text/javascript"> $(function () { //全选 $("#selectAll").click(function () { //attr在HTML推荐非固有（用户自定义）属性是使用 //prop在HTMl元素固有属性的时候使用 $("input[name=‘gx‘]").each(function () {//input[name=‘gx‘]属性过滤选择器 ...
在网页中实现复制到剪贴板功能，有两种方法，
第1种方法：使用JavaScript自带的方法，但是这种方法只能在IE下使用。
document.execCommand("Copy"); // 执行浏览器复制命令
alert("已复制好，可贴粘。");
或者
window.clipboardData.setData("Text","要复制的内容");
alert("已复制好，可贴粘。");第2种方法：使用Jquery.ZeroClipboard组件，这种方法通过内嵌flash来实现的，可以兼容当前流行的各种浏览器。
我们今天主要讲解第2种...
<!doctype html> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html; charset=utf-8" /> <title>无标题文档</title> <scriptsrc="jquery-1.8.3.min.js"></script> <scriptsrc="jquery.cookie.js"></script> <scriptsrc="jquery.base64.js"></script> <scriptlanguage="javascript"type="text/javascript"> functionsetCookie(){ //设置cookie var loginCode = $("#login_co...
1 / jquery实现的搜索功能2 $(‘#search_btn‘).on(‘click‘,function(){3var txt=$(‘#inputValue‘).val();4var value=$(‘.layui-colla-content‘);5if($.trim(txt)!=""){6 $(".layui-colla-content").css(‘display‘,‘none‘).filter(":contains(‘"+txt+"‘)").show().css("color","red");7 }else{8 alert(‘111‘);9 }
10 }) 原文：https://www.cnblogs.com/yangguoe/p/9...
/*** desc : 合并指定表格（表格id为table_id）指定列（列数为table_colnum）的相同文本的相邻单元格* @table_id 表格id : 为需要进行合并单元格的表格的id。如在HTMl中指定表格 ，此参数应为 #data* @table_colnum : 为需要合并单元格的所在列.参考jQuery中nth-child的参数.若为数字，从最左边第一列为1开始算起;"even" 表示偶数列;"odd" 表示奇数列; "3n+1" 表示的列数为1、4、7、......* @table_minrow ? : 可选的,表示要合并列...
给tr添加点击事件，使用find方法查找tr下的所有层级的元素，children只查找下一层级的元素，所以使用find。find的返回值为jquery对象，在这个项目中不知道为什么使用jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态，所以我就把jquery对象转换为DOM对象，怎么转呢？jquery对象[0]或者get(0)就转换成DOM对象，然后直接.checked返回true或false就可以判断checkbox是否选中了。然后判断状态，改变状态。 $("...
今天使用js写了段jq中的html()方法。我的原则是废话不多说，直接放代码。。<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JQuery初探</title>
</head>
<body><div id="box"><span>1112</span></div><script>var Kodo = function(selector){returnnew Kodo.prototype.init(selector);}Kodo.prototype = {constructor : Kodo,length : 0,splice : [].splice,selector : ‘‘,id:{},init : function(selector...
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>jquery form序列化转换为json对象</title><script src="//cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script></script></head><body><form action="" name="post_form" id="post_form">姓名：<input type="name" name="name" value="王"><br/>性别：<input type="radio" name="sex" value="男"checked>男<input type="radio" name="sex" value="女">女<br/>爱好：...
很多网站上都有返回顶部的效果，本文阐述如何使用jquery实现返回顶部按钮。
首先需要在顶部添加如下html元素：<p id="back-to-top"><a href="#top"><span></span>返回顶部</a></p>其中a标签指向锚点top，可以在顶部防止一个<a name="top"></a>的锚点，这样在浏览器不支持js时也可以实现返回顶部的效果了。
要想让返回顶部的图片显示在右侧，还需要一些css样式，如下：/*returnTop*/
p#back-to-top{position:fixed;display:none;bot...
<span style="font-size:24px;color:#ff0000;">部长练习全选-取消-反选-显示选择内容等功能代码：</span><!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>部长练习全选-取消-反选-显示选择内容等功能</title>
<script src="js/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(e) {//实现全选功能$(':input[value=全选]').click(function(){//alert($(this).val()); $('form :checkbox').p...
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="./assets/js/jquery.js"></script></head><style></style><script type="text/javascript"> var t; var speed = 2;//图片切换速度 var nowlan=0;//图片开始时间 function changepic() { var imglen = $("div[name=‘pic‘]").find("div").length;//获取DIV 下的滚动条数 ...
<script type="text/javascript"> jQuery.fn.extend({ uploadPreview: function (opts) { var _self = this, _this = $(this); opts = jQuery.extend({ Img: "Image1", Width: 100, Height: 100, ImgType: ["gif", "jpeg", "jpg", "bmp", "png"], Callback: function () { } ...
1.直接全选（复选框名字要统一）<input type="CHECKBOX" id="cbSelectAll" onclick="$(‘input[name=privilegeIds]‘).attr(‘checked‘,this.checked)"/> <label for="cbSelectAll">全选</label> <ul id="privilegeTree"> <s:iterator value="privilegeList"> <li> <input id="cb_${id }" <s:property value="id in privilegeIds ? ‘checked‘ : ‘‘ "/> value...
// 扩展的实用功能
jQuery.extend({// http://www.w3school.com.cn/jquery/core_noconflict.asp// 释放$的 jQuery 控制权// 很多 JavaScript 库使用 $ 作为函数或变量名，jQuery 也一样。// 在 jQuery 中，$ 仅仅是 jQuery 的别名，因此即使不使用 $ 也能保证全部功能性。// 假如我们须要使用 jQuery 之外的还有一 JavaScript 库，我们能够通过调用 $.noConflict() 向该库返回控制权。// 通过向该方法传递參数 true，我们能够将 $ ...
1.引入jQuery文件2.添加jquery.refresh.js文件，代码如下： 1/**2 * Created by Silver on 2015/11/27.3*/ 4 5 (function ($) {6 $.refreshData = function (options) {7var defaults = {8 url: ‘/order/ajax_new_count‘,//提交的地址 9 contentData: {},
10 time: 15,
11 home: false12 };
13var opts = $.extend({}, defaults, options);
1415 $.refreshDat...
本文实例讲述了jQuery实现分隔条左右拖动功能的实现代码。分享给大家供大家参考。具体如下：
