Jquery
文章平均质量分 54
yy211zhu
一个Web前端爱好者,对,业余爱好
展开
-
详解Jquery .css()方法
.css()方法 获取匹配元素集合中的第一个元素的样式属性的值 或 设置每个匹配元素的一个或多个CSS属性。 语法: .css(propertyName) .css(propertyNames,values) propertyName:css属性名, values:属性值示例:<!DOCTYPE html><html><head> <style>div { wid原创 2016-03-03 17:52:19 · 451 阅读 · 0 评论 -
简单jquery组件开发
写这篇文章主要是对自己以前学习jquery插件的总结。现在组件化开发,以vuejs 、 reactjs 、angular 为代表的库或框架让web组件化开发逐渐推广起来。下面是我用jquery写的一款简易的提示框组件。虽然没有遵守mvc写法,但也是很实用。效果: 有时用户执行某个操作时,需要弹出提示框让用户确定执行某个回调函数,这样就有效的避免用户因操作失误执行不该执行的操作。代码/**原创 2017-02-17 09:42:34 · 2142 阅读 · 0 评论 -
模态框省份三级联动插件制作
1.话不多说,直接上代码。这个简易的modal插件还没完善,依赖jquery插件,有需要的可以自行更改<script> !function($,window,undefined){ var jidi={ /*###省份三级联动*/ province:function(options){ var $原创 2016-09-28 14:42:35 · 990 阅读 · 0 评论 -
教你开发jQuery幻灯片插件
最近在学习jquery插件的开发,也看了很多Demo. 各种jquery的插件所用到的设计模式也是不同。插件功能(依赖jquery) (无缝图片滚动) 点击上一个,下一个 鼠标移入移出效果,以及清除定时器等说明: 事先约定好html结构,当然也可以自己制定html结构1.DOM结构(父容器为m-carousel)<div class="mytest"> <div class="m原创 2016-10-22 15:09:00 · 1262 阅读 · 0 评论 -
自己写jquery表单验证
jquery的表单验证插件数不胜数,有时想想其实有的项目不需要引入一些插件,要有自己动手的好习惯,下面是一个简单的表单验证。一、html代码 <form name="j-form" id="j-form" method="POST"> <h3>用户登录</h3> <div class="in原创 2016-09-10 19:50:27 · 635 阅读 · 0 评论 -
jquery加CSS3实现导航跟随鼠标移动
经常看到有的网页导航菜单下有个底部边框跟随鼠标移动到的位置而移动仔细想了下,如果只用jquery来实现发现会变得复杂,那么我们知道CSS3里有过度属性transition一.transition属性的使用方法: - 要实现这一点,必须规定两项内容: 1.规定您希望把效果添加到哪个 CSS 属性上 2.规定效果的时长例: div { width:100px; transition: w原创 2016-08-19 18:05:48 · 2168 阅读 · 0 评论 -
html实现全屏分页
做这个小功能的原因是因为之前做了个小的移动端项目,是一个全屏分页效果,自己在网上也找了些解决方案,下面是个小例子,供大家参考。1.HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title> <link rel="stylesheet" href="css/te原创 2016-07-07 20:02:40 · 1917 阅读 · 0 评论 -
jquery实现楼层嵌套(DIV嵌套)
经常看到评论区回复楼层嵌套,也就是盖楼,下面来用jquery来实现div布局代码: Title #maindiv{width:auto; height:auto; margin: 0 auto; position: relative;} .common{border:1px solid #1b6d85; paddin原创 2016-07-28 13:33:10 · 3436 阅读 · 0 评论 -
jquery实现随着鼠标滚动固定导航栏
下面是简单的导航栏固定效果。。感觉代码很少,write less Do more.也算是jquery比较方便的原因。 下面代码仅供参考<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面滚动事件</title> <script src="js/jquery-2.2.3.js"></s原创 2016-07-07 14:09:05 · 5066 阅读 · 0 评论 -
jquery选项卡
下面是我写的简单的jquery选项卡,先讲讲主要用到的那些函数index()函数,获取索引值,因为一个选项卡对应相应的内容siblings()函数,当点击某个选项卡时,要使其它几个姊妹元素的display属性设置为none具体代码请看下面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>D原创 2016-05-09 20:37:43 · 3324 阅读 · 0 评论 -
图片跟随鼠标移动(jquery)
下面是图片跟随鼠标移动的小demo,有很多实用的技巧,可以在此基础上进行延伸,比如可以改变图片的旋转方向的等。 html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> *{margin: 0; padding: 0;} #mydiv{width: 15原创 2016-05-12 19:38:44 · 2173 阅读 · 0 评论 -
Jquery换肤
下面是通过jquery,点击更换背景按钮来触发事件,从而改变body背景图片,先看下面的源码啊:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>背景图片</title> <script src="http://cdn.bootcss.com/jquery/3.0.0-beta1/jqu原创 2016-05-10 21:30:55 · 2590 阅读 · 0 评论 -
谈谈jquery的实现
最近写了些移动端的项目,在PC端操作dom,jQuery必不可少。但是在移动端引入jQuery就显得不合适,一是文件太大,二是不支持一些触摸。zepto.js是移动端的jQuery,体积很小,支持触摸。在用这些库的时候,经常会想该如何实现这样的写法呢?看了很多jquery源码的分析,又看了很多实例,终于算是明白了。$(selector)是如何实现的?原生JS查找dom元素一般会用到这些 va原创 2017-04-26 10:59:02 · 360 阅读 · 0 评论