参考资料：http://jquery.cuishifeng.cn/index.html代码：<!DOCTYPE html> <html> <head> <style type="text/css">select{ height: 140px;border: #000 1px solid; } </style><script type="text/javascript" src="jquery-3.3.1.js"></script><meta charset="UTF-8"> </head> <body><select multiple="multiple" id="select1"><option value="看书">看书</option><option value="旅游">旅游</option><option value="...
版权声明：作者原创，转载请注明出处！编写插件的两种方式: 1.类级别开发插件(1%) 2.对象级别开发(99%)类级别的静态开发就是给jquery添加静态方法，三种方式 1.添加新的全局函数 2.使用$.extend(obj) 3.使用命名空间类级别开发插件（用的非常少，1%） 分别举例：//1.直接给jquer添加全局函数 jQuery.myAlert=function (str) {alert(str); };//2.用extend()方法。extend是jquery提供的一个方法，把多个对象合并起来，参数是ob...
在自己写的一个轮播组件中遇到一个问题，使用jquery的fadeIn动画时，在IE11中表现不正常，没有渐入的效果。1、HTML结构<div class="mainpage-slideshow-top outerbox"><a href="#"><img src="img/mainpage/mainpage-slideshow-top-img1.jpg" alt="爆品提前抢 最高减1500元"></a><a href="#"><img src="img/mainpage/mainpage-slideshow-top-img2.jpg" alt="乐Max2 购机送乐视会员"></a><a href="#"><img src="img/mainpage/mainpag...
$(document).height() - $(window).height() == $(window).scrollTop() 原文：http://www.cnblogs.com/reeoo/p/3610844.html
取原生态的DOM对象，因为jquery会把选择器匹配的dom对象存放在以$.fn.init为构造函数生成对象的泛型数组里。一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的，开始的时候不理解，现在此案知道，原来jQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象。所以一些新手就很迷惑，为什么${"#Element"}不能直接innerHTML，这就是原因所在，解决方式请看下文。jQuery对象与dom对象的转...
转载请注明出处： https://home.cnblogs.com/u/zhiyong-ITNote/修改一个已有的项目，主要是前端方面，一般的项目后端都是处理好了的，不需要改也不能改，除非特殊需求。然后就遇到了牛逼的代码。本来看别人已有的代码做开发就是一件很头疼的事，一个函数一个方法一个属性的找，眼睛疼....然后今天改代码还特别头疼，大概说说：首先不能使用jquery-ui的自动补全插件，换句说话，所有的第三方模糊匹配/自动补全插件都不能用，但是给我...
jQuery中使用 $ ，可以通过元素的id, css class或 tag name很容易的获取到相应的元素。这让之前取节点的繁琐变的简单、简短、简洁。并且为了更加方便的可以选择到相应的元素，提供了筛选的功能。例：$(“p:gt(2)”) //2以上的元素$("p:lt(10)”) // 0-9 $(“p:empty”) //没有子孩子的p 还在匹配的元素中，设置一个样式属性的值例：$("p").css("color","red");就这样，就可以像是在css里面写一样，改变样式，非常好操作。原文：...
文字上下滚动是经常用到的js效果，这里介绍一种上下渐隐渐出的文字展现效果！代码实现很简单，只需要引入jquery就可以。代码如下：<!DOCTYPE><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>文字滚动</title><style type="text/css">#sidebar{width:200px; height;500px; overflow:hidden; margin:0 auto; background:#f00; color:#fff;}#marquee{width:200px; margin:0;padding:0;}#marquee ...
jQuery通过选择器来完成节点的查找： 1、基本选择器： ①通用/所有的选择器：$("*") //使用*号来表示。 ②:标签选择器：$("标签名(div)")//使用标签名字来定位 ③:id选择器：$("#id") ④:类选择器:$(".class") ⑤:群组选择器（并集）：$("table,td")//所有的table和td都被选择 ⑥:组合选择器(交集):$("p.c1")//标签为p而且他的class属性为c1. 2、层次选择器： ...
1、隐藏与显示<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script src="jquery-3.3.1.min.js"></script><script>$(document).ready(function(){$("#hide").click(function(){$("p").hide(1000);/*慢慢隐藏*/});$("#show").click(function(){$("p").show(1000);/*慢慢显示*/});$("#btn3").click(function(){$("p").toggle(1000);/*一个按钮实现隐藏和显示*/});});</script></head><body><p>p...
方式一：var link1 = $(‘<a>‘,{text:"baidu",href:"http://www.baidu.com",target:"_blank",title:"goto baidu" });link1.appendTo(‘body‘); 方式二：var link2 = $(‘<a>baidu</a>‘).attr({href:"http://www.baidu.com",target:"_blank",title:"goto baidu" });link2.appendTo(‘body‘); 原文：https://www.cnblogs.com/JianXin1994/p/11618036.html
使用jQuery操作cookie之前需要引入jQuery的一个cookie小组件js，代码如下： /* jQuery cookie plugins */jQuery.cookie = function(name, value, options) { if (typeof value != ‘undefined‘) { // name and value given, set cookie options = options || {}; if (value === null) { value = ‘‘; options.expires = -1; } var expires = ‘‘; ...
var obj1 = $.extend(false, {}, obj2); //对象克隆var obj1 = $.extend(true, {}, obj2); //对象深度克隆----------------------------把{} 换成了[]---------------var obj1 = $.extend(false, [], obj2); //数组克隆var obj1 = $.extend(true, [], obj2); //数组深度克隆 所谓的深度就是指有好几层关系在里面，普通克隆下面几层还会保持引用关系。原文：http://www.cnblogs.com/amazingDuck/p/5113941.html
JQ 实现左右两侧菜单添加、移除效果图：JS代码 function toRight(l, r, v) {$("#" + l + " option:selected").appendTo("#" + r);$("#" + l + " option:selected").remove();var str = $("#" + l + " option").map(function () { return $(this).val(); }).get().join(", ")$("#" + v).val(str);}function allToRight(l, r, v) {$("#" + l + " option").appendTo("#" + r);$("#" + l + " option").remove();var str = $("#...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>地图热点效果-鼠标经过弹出提示信息</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> </head> <script src="/ajaxjs/jquery-1.6.2.min.js" type="text/javascript"></script><!-- 建议用1.7的jquery --> <script type="text/javascript">var jq = jQuery.noConflict(...