在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...