jQuery
关注
分享
扫一扫
zhumengstyle
希望系统总结一下以前自己遇到的大大小小的坑，总结一下，分享给大家！
展开
-
window.stop()用js的方法停止页面载入
window.stop();原创 2020-04-27 15:46:12 · 1202 阅读 · 0 评论 -
jQuery中‘稀奇古怪’的写法【收集】
jQuery用法十分灵活，每个人的写法也会不尽相同，下面收集一下，不太常见的写法，供自己以后不断学习，同时分享给大家。（持续更新中） //html部分<select multiple="multiple" name="left_sel" id="select_a" style="width:100px;min-height:150px;"> <option>选项1</option>原创 2017-08-01 16:23:06 · 420 阅读 · 0 评论 -
网页选项卡（简洁写法）
在一本书中，发现了一个关于选项卡的简洁思路（只需三行代码），分享一下： //css部分.li_ys li{ display:inline-block; float:left; text-align:center; line-height:30px; font-size:1em; font-wei原创 2017-08-02 11:06:52 · 4600 阅读 · 0 评论 -
jQuery操作cookie的使用方法
对于cookie的操作一般选择在后台处理居多，但是jQuery借助jquery.cookie.js也可以实现对cookie的操作，这样为前端处理一些问题带来了便利。 下面简单介绍一下： 首先，在页面引入必备文件（两个js文件）：//html部分<script type="text/javascript" src="/public/js/jquery-1.9.0.min.js"></script>原创 2017-08-02 16:30:01 · 763 阅读 · 0 评论 -
网页换肤（简洁写法[提供思路]）
网站更换皮肤样式，可以通过动态改变网页引入的css样式文件来实现。根据这个思路，此功能就变得简单： css引入方式为（外部样式）：<link href="./css/skin_0.css" rel="stylesheet" type="text/css" id="cssfile"/>//skin_0.css文件内容 【默认样式】#skin li{ display:inline-block;原创 2017-08-02 15:08:45 · 5412 阅读 · 0 评论 -
jQuery选择器的具体使用实例参考
function autoActive(){ $('#tabLabel div').click(function(){ $(this).prop('class','right_tabr').siblings().prop('class','right_tabl'); var label_id=this.id; $('#all_box ').fi原创 2017-09-13 11:15:31 · 298 阅读 · 0 评论 -
echarts 动态写入数据（demo）
引用相关js,css文件 <script src="/resource/echart/echarts.min.js"></script> <link rel="stylesheet" href="/resource/echart/css/echarts_part.css">echart图表的放置位置：<div style="te原创 2018-12-18 12:56:09 · 1034 阅读 · 0 评论 -
用jQuery实现扫雷小游戏
&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;&lt;script src="http://code.jquery.com/jquery-2.1.原创 2019-02-15 09:54:02 · 609 阅读 · 1 评论 -
用jQuery简单实现五子棋
&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt;&amp;amp;lt;script src=&amp;quot;http://code.jquery.com/jquery-2.1.1.min.js&amp;quot;&amp;amp;gt;&amp;amp;lt;/script&原创 2019-02-13 18:23:17 · 2572 阅读 · 1 评论 -
jQuery与js绑定事件的几种写法（以单击事件示例）
jQuery与javascript使用方法在很多方面，都有所不同，下面主要以demo的形式，说明绑定点击事件时，两者的不同写法，以便区分使用： //html部分<button id="all_move">按钮>></button>//绑定‘单击事件’的jQuery 写法一：$('#all_move').click(function(){ alert('AA');})//绑定‘单击事原创 2017-08-01 15:52:26 · 6683 阅读 · 2 评论 -
jQuery（全选/反选）与每个选项的联动
项目在使用全选/反选功能时，一般通过单个复选框实现，并且要求此复选框与每个选项的复选框实现实时的联动功能。这句话读起来有点绕，直接上代码，简洁易懂： //html部分<input type="checkbox" name="fruit[]"/>苹果<br/><input type="checkbox" name="fruit[]"/>菠萝<br/><input type="checkbox"原创 2017-08-01 14:56:25 · 1370 阅读 · 0 评论 -
全选与取消【jQuery实例】
//页面部分<label style="color:#444;">全选：</label><input type="checkbox" onclick="selectall()" id="check_box" title="全选">//全选jQ部分function selectall(){ if($('#check_box').prop('checked')) {原创 2017-06-19 15:19:05 · 741 阅读 · 0 评论 -
前端常用函数（一）
前端处理数据的过程中，很多时候有些同样的情况需要重复处理，一般也会封装为公共函数，以便重复使用。下面介绍两个： **//把时间戳转化为日期格式** function getLocalTime(nS){ var d = new Date(nS * 1000);//时间戳{10位的时间戳需要乘以1000} var date = (d.getFullYear转载 2017-06-20 10:14:26 · 700 阅读 · 0 评论 -
jQuery返回顶部【简洁好用】
网页内容竖向超过一屏显示时，一般为了用户体验，会在页面的右边或者右下角显示一个返回顶部的按钮，以便浏览。 效果如下： html页面<div class="fanhuiTop"> <a href="javascript:;" title="返回顶部" id="gototop" style="display: block;"><img src="*****/public/imag翻译 2017-06-30 18:33:15 · 301 阅读 · 0 评论 -
jsonp易于理解的简洁实例
写个小例子，检验jsonp的使用方法及过程： php代码部分：<?php$er=$_GET['callback'];$arr=Array('one'=>'张三','two'=>'李四');echo $er."(".json_encode($arr).")";?>页面的js代码部分：<!DOCTYPE html><html&g...原创 2017-07-11 11:01:09 · 278 阅读 · 0 评论 -
用js写的简洁笔记本（便于查看代码和运行结果 ）
只是看了一本朋友推荐的书，想跟这书中的demo实例，做一下读书笔记，以便加深印象，才有了写这个简单的记录本的想法。 页面简洁效果： 单击目录，可以查看代码笔记内容及运行结果，如下图： 页面代码【如下】：<!DOCTYPE html><html><head> <title>《Javascript设计模式》【学习笔记】</title> <script type="text/ja原创 2017-07-12 17:36:30 · 890 阅读 · 0 评论 -
WdatePicker日期插件的使用（简洁实例）
在程序开发中， 难免会遇到一些页面要求用户输入日期格式的数据，为了规避可能出现的各种日期格式的填写错乱，更为了改善用户体验，方便用户填写，一般采用日期插件，让用户可以直接选择日期或者时间，十分方便。 下面，简单介绍一个日期时间插件WdatePicker，使用场景及方法如下： 首先，在页面中引入插件的js和css文件，<html> <head> <meta http-equ原创 2017-07-04 18:01:34 · 35599 阅读 · 1 评论 -
jQuery全选、全不选、反选的简洁写法【实例】
全选方面的功能几乎是每个需要列表展示的网站所必不可少的，当然此功能也有很多种写法，现在介绍一下，比较简洁易懂的写法：<input type="checkbox" name="gogf[]"/><input type="checkbox" name="gogf[]"/><input type="checkbox" name="gogf[]"/><button id="all_xuan">全选</原创 2017-08-01 11:28:34 · 1244 阅读 · 0 评论 -
jQuery切换标签选中样式的简洁写法【实例】
相信很多人在写‘切换标签选中样式’这块功能的时候，不是一开始就能想到很简洁的写法吧，我是写php的，但是很多时候也需要自己写前端jQuery，现在想想，当时真是写的五花八门，乱七八糟。 现在介绍一个简洁易懂的写法： //css样式.li_ys li{ display:inline-block; float:left; text-align:ce原创 2017-08-01 11:46:07 · 3827 阅读 · 0 评论 -
jQuery 选择器【转载于jQuery手册（选择器部分）】
jQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有转载 2017-06-19 15:02:52 · 330 阅读 · 0 评论