jquery
关注
分享
扫一扫
文章平均质量分 75
啊哈前端
web前端
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jquery中clientY，pageY和screenY的区别
jquery获取坐标 * {margin: 0;padding: 0;} div p { display: inline-block;box-sizing: border-box; }鼠标当前的屏幕坐标是：x:0,y:0鼠标当前窗口客户区的坐标是：x2:0,y2:0鼠标在窗口页面中的坐标是：x3:0,y3:0 $(document).ready(func原创 2015-11-06 16:32:02 · 1117 阅读 · 0 评论 -
iframe自适应高度
function set_iFrameHeight() { var ifm= document.getElementById("frameContent"); $(ifm).load(function(){ //当iframe载入后执行 var subWeb = ifm.contentWindow.document; //cont...原创 2016-02-26 17:53:40 · 393 阅读 · 0 评论 -
jquery小技巧(未完待续)
1、jquery判断元素是否显示$("#targetId").is(":hidden");原创 2016-03-30 19:59:21 · 295 阅读 · 0 评论 -
jquery跑马灯抽奖
抽奖原创 2016-06-01 21:53:00 · 913 阅读 · 0 评论 -
jquery选择城市、县、区三级联动
{"citylist":[{"p":"北京","c":[{"n":"东城区"},{"n":"西城区"},{"n":"崇文区"},{"n":"宣武区"},{"n":"朝阳区"},{"n":"丰台区"},{"n":"石景山区"},{"n":"海淀区"},{"n":"门头沟区"},{"n":"房山区"},{"n":"通州区"},{"n":"顺义区"},{"n":"昌平区"},{"n":"大兴区"},{"转载 2016-05-20 13:50:12 · 3185 阅读 · 0 评论 -
jquery下拉选择生日
(function($){$.extend({ms_DatePicker: function (options) { var defaults = { YearSelector: "#sel_year", MonthSelector: "#sel_month", DaySel转载 2016-05-20 14:01:01 · 784 阅读 · 0 评论 -
jquery全屏滚动效果
jquery全屏滚动效果 * {margin: 0;padding: 0} html,body { width: 100%; height: 100%; overflow: hidden; background: rgba(0,0,0,0.5); } section { height原创 2016-07-26 22:30:27 · 2270 阅读 · 0 评论 -
jquery插件的编写
;(function($){ $.fn.extend({ "alterBgColor": function(options){ options=$.extend({ odd: "odd", even: "even", selected: "selected" },options); $("tbody>tr:odd",this).addClass(op原创 2016-04-07 00:03:30 · 443 阅读 · 0 评论 -
jquery获取索引
获取当前点击的元素在原来集合中的索引 li { height: 25px; line-height: 25px; background: rgba(0,0,0,0.5); border-bottom: 1px solid red; } a { text-decoration: none; font-size: 16px; }原创 2017-02-15 15:08:13 · 1836 阅读 · 0 评论 -
jquery拖动简单实现
jquery 拖动 *{margin: 0;padding: 0;box-sizing: border-box;-moz-user-select:none;} body {font: 12px/16px bold 'microsoft yahei,微软雅黑';} .dragContainer { width: 382px;原创 2015-10-28 16:28:15 · 567 阅读 · 1 评论 -
使用闭包实现显示隐藏div
手机绑定 当前手机号码：$!{user.phone} 新手机号码* 短信验证码* 邮箱绑定 当前电子邮箱：$!{user.email} 新电子邮箱* $(func原创 2016-03-14 14:38:09 · 452 阅读 · 0 评论 -
jquery制作一个简单的日历
jquery是用的是2.0版本。1、html代码显示详细签到详情* { margin: 0px; padding: 0px; font-size: 14px; font-family: '微软雅黑'}.signincalendar { }.signincalendar table { margin: 0 auto; border-radi原创 2015-12-09 22:38:11 · 5000 阅读 · 0 评论 -
jquery进度条
jquery 进度条 *{margin: 0;padding: 0;} .progs { width: 1000px; margin: 0 auto; text-align: center; margin-top: 200px; } #progress { width: 800p原创 2015-11-06 15:53:34 · 391 阅读 · 0 评论 -
jquery实现网页中常见的展示列表效果
jquery品牌列表效果 *{ margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; } body { font: 16px/20px "Microsoft yahei,'微软雅黑'" color: #fff; } ul { list-style-type原创 2015-11-08 22:39:55 · 1373 阅读 · 0 评论 -
jquery滑动导航diy
jquery滑动导航 *{margin: 0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;} body { font: 16px/20px 'Microsoft yahei,微软雅黑'; color: #AFBBBB;原创 2015-11-09 17:19:59 · 657 阅读 · 0 评论 -
jquery轮播图
jquery轮播图 *{margin:0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} html,body { width: 100%; /*设置body，html宽度为全屏*/原创 2015-11-12 17:28:29 · 498 阅读 · 0 评论 -
jquery幻灯片更新版
jquery幻灯片 *{margin:0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;} html,body { width: 100%; /*设置body，html宽度为全屏*/原创 2015-11-13 17:51:43 · 488 阅读 · 0 评论 -
jquery文本闪烁
jquery文字闪烁 *{magin:0;padding: 0;} body { font-family: Arial,Helvetica,sans-serif; background: #f9f9f9; font-size: 14px; color: #333; } .main { width: 600px; background: #fff; mar原创 2015-12-02 15:27:11 · 577 阅读 · 0 评论 -
jquery登录界面边框移动效果
jquery边框移动效果 *{ margin: 0;padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { font: 14px/16px '微软雅黑,Microsoft yahei'; } .login原创 2015-12-04 18:06:16 · 554 阅读 · 0 评论 -
jquery性能优化
一、jQuery性能优化1、尽量使用最新版的jQuery类库 jQuery每一个新的版本都会较上一个版本进行bug修复和优化，同时也会包含一些创新，可以使用最新版的jQuery来提高性能。但是不要忘记测试你的代码，毕竟有时候不是完全向后兼容的。2、使用合适的选择器 2.1、$("#id")使用id选择器无疑是最佳提高性能的方式，因为jQuery底层将直接调用本地方法docu转载 2015-12-23 08:36:41 · 473 阅读 · 0 评论 -
jquery判断滚动条到达底部的方法
jquery scrollTop document.height():px;window.height():px;距离顶部0px $(function(){ $(document).scroll(function(){ var dHeight=$(document).height(); var wHeight=$(wi原创 2015-11-06 16:51:38 · 1419 阅读 · 0 评论 -
jquery简易验证插件封装
html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery数据校验插件开发</title> <link rel="stylesheet" href="css/register.css"...原创 2019-05-03 15:13:38 · 320 阅读 · 0 评论