包子源的博客

我们做这样一个实例：有两个按钮，点击滑入，有一个div层滑入，点击滑出，div层滑出： .div{width: 300px;height: 300px;background-color: green;display: none;} $(function(){ $("#btn").click(function(){

工作这么久，用到了很多js插件。今天就总结一下最常用并且最好用的js插件插件1：百度的图表插件echarts。使用echarts可以简单快速的构建各式各样的图表，比如饼图、柱状图、折线图、散点图等等。echarts官网给出了很多很棒的实例，可以访问echart官网实例进行查看。也可以访问图表插件echart实例进行学习。插件2：图片文件上传插件webuploader使用

如何对后台返回过来的json数据按照数据中的某一项进行排序呢。首先看一下排序前的json数据：{ "result":[ { "cid":1, "name":"aaa", "price":1000 },{ "cid":2, "name

使用jquery插件dropload首先引入jquery并下载dorpload.js和dropload.css并加载html代码： js代码部分 // dropload $('.recommend').dropload({ scrollArea : win

最近在项目中用到了百度的文件图片上传插件WebUploader。分享给大家需要在http://fex.baidu.com/webuploader/download.html点击打开链接下载WebUploader // 初始化Web Uploader***上传图片 var uploader = WebUploader.create({ // 选完文件后，是否自动上

喜欢一般不喜欢利用jquery获取radio选中值$("input[name='likea']:checked").val()去除所有radio选中状态$('input:radio[name="likea"]').removeAttr('checked');

Title arr=[1,2,3,4,5,6,7,8,9]; i=0; var t=setInterval('show()',2000); function show() { $("#time").append(arr[i]); i=i+1; /

在回退后需要刷新的页面加以下js（需要jquery）$(function () { var isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); }

上拉加载更多 《世界著名计算机教材精选·人工智能:一种现代的方法(第3版)》是最权威、最经典的人工智能教材，已被全世界100多个国家的1200多所大学用作教材。《世界著名计算机教材精选·人工智能:一种现代的方法(第3版)》的最新版全面而系统地介绍了人工智能的理论和实践，阐述了人工智能领域的核心内容，并深入介绍了各个主要的研究方向。全书分为七大部分：第Ⅰ

jquery实现点击红色动态回到顶部jquery动态回到顶部特效#goTopBtn {position: fixed;line-height:36px;width:36px;bottom:35px;height:36px;cursor:pointer;display:none;background-color:red;}***，how are you。Just do

可以创建一个js，独立存放ajax全局配置。加载中状态使用的是layer$(function () { $.ajaxSetup({ beforeSend: function () { //loading层 index = layer.load(1, { shade: [0.1,'#fff']

给大家分享一下我在项目中用datatables实现ajax加载数据与增删改查的js代码/////////////////////////////////////////////////////////////////////////////////////// //点击查找 $("#seach").click(function(){ table.ajax.relo

menu body{padding: 0;margin: 0} .swiper-slide{width: auto!important;} .topmenu{height: 35px;background-color: white;border-bottom: 1px solid #CCCCCC;padding: 0 1

将代码放到需要禁止回退的页面即可主要代码$(function () { //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () {

首先需要下载定制版的table2excel。没有积分的童鞋请访问链接: https://pan.baidu.com/s/1dE5P8YH 密码: g83j需要积分下载地址定制版table2excel然后引入jquery和table2excel具体代码如下：//点击id为excelbtn的按钮$("#excelbtn").click(function(){ //.ta...

$(window).height(); //浏览器时下窗口可视区域高度$(document).height(); //浏览器时下窗口文档的高度$(document.body).height();//浏览器时下窗口文档body的高度$(document.body).outerHeight(true);//浏览器时下窗口文档body的总高度 包括border padding margin

jquery实现点击侧边栏伸缩效果。点击收缩，侧边栏向左收缩，显示按钮显示；点击显示按钮，显示按钮向左收缩，侧边栏显示。具体代码如下： *{margin: 0;padding: 0;} #box{width: 100%;height: 100%;} #left{width: 200px;float: left;background-color

var divarr = ["a","b","c","d"];判断divarr 数组中是否存在adivarr.indexOf("a")==-1    在ie8下会提示对象不支持indexOf属性或方法解决办法：用jquery里的$.inArray替代indexOf$.inArray(“a”, divarr)==-1

我们做这样一个实例：有两个按钮，点击淡入，有一个div层淡入，点击淡出，div层淡出： .div{width: 300px;height: 300px;background-color: red;display: none;} $(function(){ $("#btn").click(function(){ $(".

手动控制进度条的小程序，分享给大家： #box{position: relative; width: 200px; height: 50px; border: 1px solid #eee; margin: 50px auto 0;} #bg{height: 10px; margin-top: 19px; border: 1px solid #ddd; border-rad

语法：$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。注意啦：默认情况下，所有 HTML 元素的位置都是静

利用jquery的removeClass和addClass实现选择效果： ul li{width: 50px;height: 50px;border: 1px solid #cccccc;border-radius: 50%;line-height: 50px;text-align: center;list-style-type: none;} .on{ba

为大家讲解一下$.ajax() 方法的使用：首先了解一下相关参数参数：options类型：Object可选。AJAX 请求设置。所有选项都是可选的。async类型：Boolean默认值: true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。注意，同步请求将锁住浏览器，用户其它操作必须

三个简单实用的用于 DOM 操作的 jQuery 方法：text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容：$(document).ready(function(){

利用jquery实现两种弹窗效果：1：淡入弹窗效果： *{padding: 0;margin: 0;} .box{width: 100%;height: 100%;} .main{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);display: none;position: fi

首先是外部a.json文件：[{"id":"1","tagName":"lv"},{"id":"2","tagName":"xue"},{"id":"3","tagName":"yuan"},{"id":"4","tagName":"wang"},{"id":"5","tagName":"danping"}]接下来利用ajax加载外部json：

你是否遇到过这种情况：想要在网页中嵌入div块并且局部滚动，但滚动条太难看啦！！！使用jquery.nicescroll来美化滚动条吧（so easy！！）：首先：下载jquery.nicescroll.js。百度一下哦！！！然后引入jquery.nicescroll.js，并且使用： .div{ width: 300px;

$(function(){ $("#btn").click(function(){ mus = $("#mn").val(); $("#wen").empty(); //alert(mus); $.ajax({ type:"get", url:"http://gc.ditu.aliyun.com/geocoding?a=

利用jQuery实现图片轮播 jquery轮播 * { padding: 0px; margin: 0px; } a { text-decoration: none; } ul { list-style: outside none none; } .slider, .slider-panel img, .slider-e

利用jquery可以轻松的制作折叠菜单，先来看看效果图吧：当点击每个标题时会下来，再次点击会滑动收缩，接下来看看具体的实现代码吧： jQuery 自制折叠菜单 *{margin: 0;padding: 0;} .toggle { width:250px; } .toggle dl dt { border-top:1px solid #D1D1

利用jquery遍历json对象并添加到页面元素： #a{width:310px;height: auto;} .divv{width: 100px;height: 50px;line-height: 50px;text-align: center;float: left;border: 1px solid #00008B;}

百度的图表插件EChart很好上手，效果也不错，接下来看看如何使用吧：首先需要下载EChart插件，下载地址：http://echarts.baidu.com/download.html然后引入jQuery和echart，在官网上找到自己想要的图表：http://echarts.baidu.com/examples.html咱们来制作一个折线图吧：

通过jquery.charfirst.pinyin.js实现点击字母自动定位。实现动态加载通讯录数据。具体实例可以访问带右侧索引通讯录下载使用。主要代码如下： 通讯录 $(function () { //动态加载通讯录数据 $.ajax({ type: "GET"