关注前端开发微信微信号web007007

jQuery父级以及同级元素查找介绍

jQuery父级以及同级元素查找介绍

父级以及同级元素的查找在使用过程中还是蛮频繁的,下面为大家介绍下jQuery是如何实现的,感兴趣的朋友可以参考下 jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$(“span”).parent()或者$(“span”).parent(“.class”) jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr).返回所有...

阅读全文...

jQuery选择器大全

jQuery选择器大全

在Dom 编程中我们只能使用有限的函数根据id 或者TagName 获取Dom 对象. 然而在jQuery 中则完全不同,jQuery 提供了异常强大的选择器用来帮助我们获取页面上的对象, 并且将对象以jQuery 包装集的形式返回。本文主要对常用的jQuery 选择器进行一个介绍及归类。 jQuery 选择器大体上可分为 4 类:基本选择器、层次选择器、过滤选择器、表单选择器。 其中过滤选择器可以分为:简单过滤选择器、内容过...

阅读全文...

HTML5 jQuery 绘图插件

HTML5 jQuery 绘图插件

Websanova Paint 是一个利用 HTML5 画布(canvas)技术的 jQuery 插件。它能够让你自由的在画板区域使用各种颜色画出任意的形状,还能够涂改。它能让你设定所画形状的边框,然后用颜色填充。你还能调整画笔的粗细。它的一个最有趣的功能是能让你把画好的作品保存成图片,日后你还能载入这个图片进行二次修改,但有个限制,图片只支持 PNG 格式的。下面是演示: 这个 jQuery 插件的下载地址是:http...

阅读全文...

选择jQuery的理由

选择jQuery的理由

随着 Web 前端技术的发展,Javascript 框架层出不穷,jQuery 就是其中之一。最近,国内外社区针对 jQuery 的优缺点做了深入的分析,其中不少内容值得 Web 开发人员借鉴。 Richard Hein 在“6 Things You Need to Know About jQuery”一文中列举了推荐 jQuery 的托干理由,包括: jQuery 简化工作——开发人员会发现学习 jQuery 比较容易,因为该框架的代码简洁精练,语法简单、编码标准开发等特点帮...

阅读全文...

jquery 基础语法

jquery 基础语法

基本语法: $(“HTML元素”).action() 实例: $(this).hide(); 隐藏当前元素 $(“p”).hide(); 隐藏所有段落 $(“p.test”).hide(); 隐藏所有 class=”test”的段落 $(“#test”).hide(); 隐藏所有id=”test”的元素 文档就绪函数 $(document).ready(function(){ ——– }); 这是为了防止文档在完全加载(就绪)之前...

阅读全文...

jQuery图片插件:fancybox,点击放大图片多种样式,图片浏览必备

jQuery图片插件:fancybox,点击放大图片多种样式,图片浏览必备

fancybox是一款jQuery插件,这个插件能让你在各种浏览器上部署图片浏览的效果。 基于jQuery的插件,兼容性都比较强。可以兼容firefox,ie等浏览器。 当你需要实现点击图片,就能将图片放大来查看。就像QQ,校内,新浪,淘宝一些图片浏览模式一样。 fancybox还提供多种弹出的样式,让你可以选择,找出你最需要的效果,满足不同的设计和需求。 fancybox官网 fancybox提供的实例界面 fancybox单图...

阅读全文...

SlidesJS基本使用方法和官方文档解释 【Jquery幻灯片插件 Jquery相册插件】

SlidesJS基本使用方法和官方文档解释 【Jquery幻灯片插件 Jquery相册插件】

Slides – 是一个简单的,容易定制和风格化,的jQuery幻灯片插件。 Slides提供褪色或幻灯片过渡效果,图像淡入淡出,图像预压,自动生成分页,循环,自动播放的自定义等很多选项。 用Slides插件,你可以随机播放幻灯片,设定那一套您想要开始幻灯片。它附带充分的说明和示例。 DEMO地址:http://slidesjs.com/ 官网地址:http://slidesjs.com/ 下载地址:http://slidesjs.com/downloads/slides.z...

阅读全文...

jquery 中国省市信息联动插件

jquery 中国省市信息联动插件

分享一个jquery 中国省市信息联动插件,上代码 $._cityInfo = [{"n":"北京市","c":["北京市"]}, {"n":"天津市","c":["天津市"]}, {"n":"上海市","c":["上海市"]}, {"n":"重庆市","c":["重庆市"]}, {"n":&...

阅读全文...

60个jQuery 幻灯片插件演示和下载

60个jQuery 幻灯片插件演示和下载

jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片,一种在有限的网页空间内展示系列项目时非常好的方法。今天要给大家分享的是60款很酷的 jQuery 幻灯片,一起欣赏。 Cloud Carousel (演示 | 下载) ShineTime (演示 | 下载) Nivo Slider (演示 | 下载) Interactive Photo Desk (演示 | 下载) B...

阅读全文...

【jquery】星级评分

【jquery】星级评分

js星级评分,以下是代码。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>星级评价-web前端开发网</title> <script type...

阅读全文...

使用jquery插件实现图片延迟加载技术

使用jquery插件实现图片延迟加载技术

有时我们看到一些大型网站,页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加快了页面加载的速度,对于比较长的页面来说,这个方案是比较好的。 这里推荐使用jquery图片延迟加载插件jquery.lazyload实现图片延迟加载提高网站打开速度。 下载地址:http://www.appelsiini.net/downlo...

阅读全文...

JQuery常用表单代码收藏

JQuery常用表单代码收藏

//选择被选中Radio的Value值 $(“input[name='radio_name'][checked]“).val(); //根据Value值设置Radio为选中状态 $(“input[name='radio_name'][value='要选中Radio的Value值']“).attr(“checked”,true); //选择被选中CheckBox元素的集合 如果你想得到Value值你需要遍历这个集合 $(“input[name='checkbox_name'][checked]“); //遍历被选中CheckBox元素的集合 得到Value值 $($(“input[name='checkb...

阅读全文...

jQuery实现右下角弹出广告

jQuery实现右下角弹出广告

许多网站都会在浏览器的右下角弹出广告。 这种效果用jQuery可以很容易的实现。代码只有几行。 不得不感叹jQuery的强大····· js代码: <script type="text/javascript"> $(document).ready(function(){ setTimeout(function(){ $("#ad").slideDown(); },1000) $("#close").click(function(){ $("#ad").slideUp(); }) }) </script>...

阅读全文...

jquery Masonry插件–瀑流式布局的不错选择

jquery Masonry插件–瀑流式布局的不错选择

近来瀑流式布局越来越普遍,实现瀑流式布局的插件也越来越多。 例如淘宝的KISSY。 不过对我我这种半吊子来说,要熟练的使用KISSY没那么快。 最近在一个项目中hery推荐了一个Masonry插件, 使用起来很简单,插件大小只有6k。简单介绍下。 一般的瀑流式布局,如果有4列的话,很多人会采用一下这种写法: <div id="main"> <div> <div></div> <div><...

阅读全文...

DOM元素上jQuery事件几点学习

DOM元素上jQuery事件几点学习

闲着无聊看了jQuery event部分的代码,发现一个小惊喜,嘿嘿,可能我奥特曼了。以下一jQuery 1.4.4版本说事,更高级版本稍有不同,但是关系不大。 jQuery 在元素上绑定事件的时候,会在该元素上添加一个自定义属性“events”,这个属性包含了通过jQuery绑定事件的事件集合,例如: 这样一个元素: <a id="bind" href="#">这是一个绑定了事件的元素(bind)</a> ...

阅读全文...