理解jQuery对象$.html_jQuery中html方法
dwtedx JQuery教程 15 0 2017-11-16 13:36:08

前面的话 如果要比喻jQuery和原生javascript的关系,我个人认为是自动档和手动档汽车的区别。使用原生javascript,可以知道离合器以及档位的作用;而使用jQuery,则把离合器和手动档位封装到函数,直接前进、后退或驻车即可。所以,熟练使用原生javascript,再去使用jQuery是一个很自然的步骤。从本文开始,将陆续介绍jQuery的相关内容,并给出相关的原生javascript实现。接下来,将详细介绍jQuery对象$   $对象 说起jQuery,最明显的标志,毫无疑问,就是美元符号$,美元符号其...

阅读全文

jQuery拼音插件_jQuery汉字转拼音插件
dwtedx JQuery教程 845 0 2017-10-09 13:34:21

分享一个非常实用的 jQuery 中文转拼音的小程序,Demo是带编号的一款支持自动生成拼音的小程序,点击确定按钮可以计算出这个姓名对应的唯一编号。非常实用的,一般可以用到信用卡办理的申请界面上面的。效果图如下: 所以代码已经封装到 js 文件里面,我们只需要简单的调用就好了、代码如下: HTML代码<div class="container"> <div class="list"> <span> <label>姓名:</label...

阅读全文

仿淘宝结算功能_纯jQuery实现模仿淘宝购物车结算
dwtedx JQuery教程 883 1 2017-09-28 13:49:40

jQuery仿淘宝购物车结算代码、Demo是一款实用的电子商务网站购物车结算的功能、并且带有金额计算功能、支持多个店铺多个产品、单个店铺单个产品、话不多少、先上图 全局的checkbox选中和未选中的样式var $allCheckbox = $(´input[type="checkbox"]´), //全局的全部checkbox $wholeChexbox = $(´.whole_check´), $cartBox = $(´.cartBox&ac...

阅读全文

JQuery实现判断iPhone和Android设备
dwtedx JQuery教程 862 0 2017-09-21 13:53:34

最近做了一版微信宣传页、通过JQ来判断设备、并进行下载、微信内置浏览器对下载链接进行了屏蔽、所以先进行判断、如果是微信内置浏览器、则跳转应用宝链接、如果不是、则判断是iPhone/Adroid/PC 并进行跳转 代码如下:function downloadApp(){ var u = navigator.userAgent; var ua = navigator.userAgent.toLowerCase(); var isAndroid = u.indexOf(´Android´...

阅读全文

jQuery城市二级联动_js省市区三级联动插件
dwtedx JQuery教程 344 0 2017-08-10 13:48:05

分享一个jQuery手机省市区三级联动代码、Demo是一款手机移动端购物网站常用省市区三级收货地址jQuery特效代码、风格是模仿IOS的风格、外观非常好看、有图有真相 使用也非常简单 1、引入JS文件<script src="js/picker.min.js"></script><script src="js/city.js"></script> 2、点击入口<div class="container"> <div class="row main"&g...

阅读全文

jQuery引导插件_Html页面蒙版引导插件
dwtedx JQuery教程 364 0 2017-07-12 13:25:34

分享一个常见的场景、一般我们在打开一些有更改的网站的时候都会有新手引导、下面就和大家分享一个jQuery的新手引导的Demo、jQuery页面步骤引导新手代码是一款bootstrap搜索页面步骤引导效果、希望对大家有用 引入资源文件<!-- jQuery --><script src="jquery-1.11.3.min.js"></script><!-- EnjoyHint JS and CSS files --><script src="enjoyhint/enjoyh...

阅读全文

JS实现答题卡功能_jQuery在线答题插件
dwtedx JQuery教程 362 1 2017-06-20 13:27:45

分享一款jQuery仿牛客网的在线答题的Demo、Demo带有进度条提示、是一款带进度条和时间的在线答题代码、并且时间是可以暂停和开始的、非常灵活、但个人感觉唯一的不好就是不是响应式的、不支持移动设备 实现计时器/*实现计时器*/var time = setInterval(function () { if (timeState) { if (HH == 24) HH = 0; str = ""; if ( ss == 60) { if ( mm == ...

阅读全文

jQuery中ajax的简单使用_ajax Load方法使用
dwtedx JQuery教程 205 3 2017-06-12 13:27:16

一、load() 这是最简单的一个函数、传入一个url他会异步加载该url的内容、然后将内容插入每一个选中的元素中、替换掉其中已经存在的内容、所以最简单的用法是$("#myDiv").load("htmltest.html"); 当然这里的url不是只有html的、像什么txt、php之类的都是可以的、如果不是想加载整个文档的话可以在url后面加上一个jquery选择器、类似“xxx.html #aaa” 另外load其实还有两个可选的参数,第一个是数据(类似于是调用了post)、第三个可选参数是回调函数 这样一个完整的load可...

阅读全文

jQuery时光轴插件_垂直滚动时光轴插件
dwtedx JQuery教程 400 3 2017-04-18 13:20:04

今天无意间发现一个非常棒的特效、一个非常棒的时光轴动画特效、jQuery旅行者竖直时间轴、Demo是一款时间轴样式代码、一般用于旅行者的行程等方面、而且在滑动的时候也有动画效果哦、可以先看看效果图 HTML代码<section class="timeline"> <div class="wrapper"> <div class="timeline__item timeline__item--0"> <div class="timeline__item__station...

阅读全文

jQuery表格排序插件代码_JS给表格内容动态排序
dwtedx JQuery教程 558 1 2017-03-16 13:33:04

一个jQuery Table表格排序的插件、可以根据点击显示的表头来对表格排序、并且支持分类排序、支持按数字大小排序同时也支持按英文排序等等、所有的js代码已经封装成jquery.tablesort.js、大家只需要在用到的地方直接引用就可以啦、下面是效果图 html代码<table> <thead> <tr> <th>Name</th> <th>Band</th> ...

阅读全文

jQuery中国省份地图插件_ ECharts地图教程
dwtedx JQuery教程 1369 0 2017-02-08 13:31:02

分享一个html5 echarts地图分布的动画特效、Demo是一款带有炫光效果的html5 echarts图表插件、绘制的是中国的地图、并且带有光圈效果、当鼠标放上去之后就显示当前的颜色值、最重要的是可以根本鼠标的滚轮放大缩小、非常的实用、效果图如下 js代码<script type="text/javascript">function getEcharts(){ // Step:3 conifg ECharts´s path, link to echarts.js from current p...

阅读全文

jQuery插件开发$.extend和$.fn.extend插件机制
dwtedx JQuery教程 661 1 2017-01-04 13:15:32

 jQuery插件开发分为两种、一个是类级别、一个是对象级别、今天就针对这两种方式给大家做一个Demo、加深自己的理解的同事也希望对大家有帮助   1 类级别 类级别你可以理解为拓展jquery类、最明显的例子是$.ajax(...),相当于静态方法、开发扩展其方法时使用$.extend方法、即jQuery.extend(object); $.extend({ add:function(a,b){return a b;} , minus:function(a,b){return a-b;}...

阅读全文

jQuery 3D室内全景图_HTML室内装修Demo
dwtedx JQuery教程 1100 3 2016-11-21 13:11:46

分享一款jQuery室内墙面装饰交互效果、之前也有朋友说要做一款室内装修的效果程序、今天就给大家分享一个Demo代码、Demo是一款兼容ie8浏览器的室内设计特效代码、基本上是支持所有浏览器、虽然不是动态的可拖拽的效果、但是这个效果在一般情况下也是可以满足在部分需求的、效果图如下 部分HTML代码<div class="room"> <div class="close"></div> <h1>模拟效果</h1> <div class="left...

阅读全文

JavaScript二维数组的遍历_jQuery dom循环创建例子
dwtedx JQuery教程 1211 1 2016-11-11 13:35:59

最近在写关于购物车的本地存储的前端技术、这里是关于如何把一个二维数组内部的信息呈现在页面上、一般来说本地存储时、存储的是关于店铺的信息和店铺内部商品的信息.本地存储时把数组转换成Json串存储的、这里为了方便是直接创建的一个二维数组var product = [ { "shopId": 100, "shopNm": "红石榴", "productList": [ { "goodsId": 1, "goodsNm": "苹果7", "goodsNum": "1" ...

阅读全文

DD记账
top
+