当前分类

jQuery教程

jQuery教程

jQuery----初识jQuery

一、jQuery好处:①写得少,做的多②链式编程③隐式迭代④解决兼容性问题二、顶级对象Dom中的顶级对象:document------>页面中的顶级对象document.点出来的是Dom中的属性和方法Bom中的顶级对象:window-------->浏览器中的顶级对象window.点出来的是浏览...

jQuery教程

jQuery----选择器(重点是层次选择器)

基本选择器1.id选择器 ---------------------------->根据id来获取,只有一个。--------------------------------------------$( " #id的值 " )2.标签选择器-------------------------->根据标签的名字获取,可以有多个。---------------------...

jQuery教程

jQuery----奇偶选择器和索引选择器

奇偶选择器:$( " #uu>li:odd").css( " backgroundColor "," red " );获取id为uu的ul标签下的所有的奇数的li标签,并设置其背景颜色为红色$( " #uu>li:even").css( " backgroundColor "," yellow " );...

jQuery教程

jQuery----淘宝商品展示(类似与tab切换)

实现效果如图:功能需求:①鼠标进入商品名称,商品名称变色,同时对应的物品展示图片显示对应的物品,鼠标移出时候,商品名称恢复原来的颜色实现分析:1.HTML+CSS页面结构如下:页面结构设计中,需要注意的知识点:①商品li设置边框时候,只设置下边框②三个...

jQuery教程

jQuery----(类似抽奖转盘)高亮显示

效果如图:原图鼠标进入后开始变化图实现需求:页面加载开始,效果如原图所示,在鼠标进入盒子后,图片在当前鼠标位置高亮显示,其余图片变暗,依次交替进行。代码:1 <!DOCTYPE html>2 <html>3 <head>4 <meta charset="...

jQuery教程

jQuery----左侧导航栏面板切换实现

页面运行结果:点击曹操点击刘备点击孙权原图需求说明:原图如上所示,点击一方诸侯的时候,显示该诸侯手下猛将,其他诸侯手下猛将隐藏页面结构:实现思路:①给大的li注册鼠标点击事件当鼠标点击时候,获取当前li的ul下的所有的li,调用元素的show()方法。...

jQuery教程

jQuery----操作类样式(依托开关灯案例)

在网页开发中,元素的样式可以在style标签中定义,但是有很多案例需要添加类样式或者删除类样式,可以获取元素调用css()方法改变元素样式,但是这种方法很繁杂,本文利用开关灯案例,小结使用jquery操作类样式的方法。一共X种写法如下:一、单一类样式的添加...

jQuery教程

jQuery----jquery实现Tab键切换

使用Jquery实现tab键切换,代码简洁易懂,实现逻辑清晰明了。具体总结如下:需求分析:鼠标进入tab切换模块,鼠标当前的模块上边框变为红色,并显示对应的商品名称。鼠标离开后,上边框恢复原色,图片改变。实现效果如下:页面1:页面2页面3页面4页面结构分析...

jQuery教程

jQuery----获取兄弟元素的方法

① $(this).next(); 获取的是当前元素的下一个兄弟元素②$(this).nextAll(); 获取的是当前元素的后面的所有的兄弟元素③$(this).prev(); 获取的是当前元素的前一个兄弟元素④$(this).prevAll(); 获取的是当前元素的前面的所有的兄弟元素⑤$(this)...

jQuery教程

jQuery----JQuery动画(hide()和show())(上)

hide()和show()方法,可以设置动画效果,本文对这两种方法效果加以说明。hide(参数1,参数2):参数1:时间,单位为毫秒,表示对象隐藏所用的时间参数2:回调函数,该函数在对象隐藏后触发。show(参数1,参数2):参数1:同上参数2:同上示例:需求说明:点击一...

jQuery教程

jQuery----JQuery动画(hide()和show())(下)

本文是对hide()和show()的进一步补充,其中不仅介绍回调函数,还有递归的相关知识点。案例要求:点击”隐藏动画“按钮,四个头像从后向前,每个以0.8秒的速度消失点击”显示动画“按钮,四个头像从前向后,每个以0.8秒的速度出现知识点:递归思想:arguments....

jQuery教程

(function($){...})(jQuery) 函数详解

function(arg){...} 这是一个匿名函数,参数是arg。而调用匿名函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即:function(arg){...}

jQuery教程

$.trim()函数

$.trim(str)返回:string;参数str :String类型,需要去除两端空白字符的字符串。如果参数str不是字符串类型,该函数将自动将其转为字符串(一般调用其toString()方法)。

jQuery教程

文件上传插件uploadify详解

官网:http://www.uploadify.com/基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件。要求使用jquery1.4或以上版本

jQuery教程

jquery mobile 移动web(1)

轻量级框架jQuery Mobile 所需文件 jquery 应放在 mobile 上面。 dataset自定义属性,要求前缀必须带有“data-”字符,“data-”后面允许使用任何值,它允许开发人

jQuery教程

jquery属性值选择器

$("[attribute|='value']") 选择指定属性值等于给定字符串或改字符串为前缀(该字符串后跟一个连字符“-”)的元素。 attribute: 一个

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

标题
返回顶部