
jquery
LLL_LH
记录一些学习心得
展开
-
$.fn.extend() 和 $.extend()
jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//……};$.fn.extend()扩展方法添加到$('#app‘)实例对象$.extend() 扩展方法添加到jquery类本身比如:$.fn.extend({ min: function(a,b){ if(a&g...原创 2019-11-01 12:03:43 · 114 阅读 · 0 评论 -
图片懒加载插件jquery.lazyload.min.js
1、下载官网下载地址:http://plugins.jquery.com/lazyload/2、引入<script src="./jquery.js"></script><script src="./jquery.lazyload.min.js"></script>html、<ul> <li>&...原创 2019-10-18 15:52:30 · 1536 阅读 · 0 评论 -
js点击下载按钮下载返回的文件
通过ajax请求获取返回的文件url1、html<button type="button" class="btn btn-primary" id="download_search">下载</button>2、js$(function(){ //点击下载按钮事件 $('#download_search').click(function() { $....原创 2018-11-16 16:33:48 · 1588 阅读 · 0 评论 -
attr()设置多个属性
$("#box").attr({"titile":"标题","href":"www.baidu.com"});原创 2018-07-23 16:10:46 · 2914 阅读 · 0 评论 -
jquery为动态生成的元素添加点击事件
<div class="box"></div>给div.box动态生成的子元素添加点击事件,div.box元素必须是html页面中存在的,.boxchild元素是添加点击事件的元素$(".box").on('click','.boxchild',function(){ console.log("aaaa"); });...原创 2018-06-15 17:14:06 · 4690 阅读 · 0 评论 -
js对返回的json数据进行树状划分
$.ajax({ type: "get", url: 'data.json', success:function(data){ var jsondata = JSON.parse(data); //返回的数据是json字符串,把它转换成json对象,如果是json对象则不需转换 var topArr = []; //声明一个数组,存储所有的json数据原创 2018-03-06 09:49:31 · 1317 阅读 · 0 评论 -
js去掉数组中重复的元素
//方法一:function unique(arr){ var result=[]; var flag; for (var i=0;i<arr.length;i++) { flag=false; for (var j=0;j<result.length;j++) { if(arr[i]==result[j]){原创 2018-02-24 17:04:34 · 416 阅读 · 0 评论 -
js加载中
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>js加载中</tit原创 2018-02-23 15:00:52 · 761 阅读 · 0 评论 -
jquery验证码
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jquery验证码</title> <script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script> <style>原创 2018-02-05 09:45:14 · 805 阅读 · 0 评论 -
Jquery的tab点击切换,悬停切换,延迟切换
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>tab选项卡点击切换,悬停切换,延迟切换</title> <script type="text/javascript" src="js/jquery-2.1.0.js" ></scrip原创 2018-01-31 16:42:05 · 2349 阅读 · 0 评论 -
jq自定义右键弹出菜单
jQuery自定义右键弹出菜单1. html部分<div id="menu" style="display:none;"> <ul> <li>关闭当前页</li> <li>关闭其他</li>原创 2018-01-05 16:37:43 · 865 阅读 · 0 评论 -
jQuery的before()方法和after()方法
before()和after()都有添加的意思,不过一个是添加在被选元素之前,一个是被选元素之后。 before()方法在被选元素之前插入指定内容。 after()方法在被选元素之后插入指定内容。 这是HTML代码所示:<p>这是一个段落</p><button id="btn1">before</button><button id="btn2">after</button>jQuery使用原创 2018-01-04 10:51:30 · 4516 阅读 · 0 评论