基于jquery中children()与find()的区别介绍

.children(selector)方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈)。参数可选,添加参数表示通过选择器进行过滤,对元素进行筛选。.find(selector)方法是返回匹配元素集合中每个元素的后代。参数是必选的,可以为选择器、jquery对象可元素来对元素进行筛选。.find()与.children()方法类似,不同的是后者仅沿着DOM树向下遍历单一层级。这里的children,我理解为儿子,只在儿子这一级遍历。看下例子:.children(selector)方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈)...

阅读全文

jquery find()方法详解加实践案例

定义和用法find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery对象或元素来筛选。详细说明如果给定一个表示DOM元素集合的jQuery对象,.find()方法允许我们在DOM树中搜索这些元素的后代,并用匹配元素来构造一个新的jQuery对象。.find()与.children()方法类似,不同的是后者仅沿着DOM树向下遍历单一层级。.find()方法第一个明显特征是,其接受的选择器表达式与我们向$()函数传递的表达式的类型相同。将通过测试这些元素是否匹配该表达式来对元素进行过滤。接下来写一个简单的...

阅读全文

jQuery图片延迟加载插件jQuery.lazyload

使用方法引用jquery和jquery.lazyload.js到你的页面<script src="jquery-1.11.0.min.js"></script><script src="jquery.lazyload.js?v=1.9.1"></script>html图片调用方法为图片加入样式lazy 图片路径引用方法用data-original<img class="lazy" dat...

阅读全文

jQ的toggle()方法

定义和用法toggle()方法切换元素的可见状态。如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。语法$(selector).toggle(speed,callback,switch)参数:speed可选。规定元素从可见到隐藏的速度(或者相反)。默认为"0"。可能的值:毫秒(比如1500)"slow""normal""fast"在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。如果设置此参数,则无法使...

阅读全文

history.back(-1)和history.go(-1)的区别

我们在制作网站的时候经常会使用到JS的返回上一页,那么history.back(-1)和history.go(-1)有啥区别了,这里站长为你讲解下:history.back(-1);是直接返回当前页的上一页,如果上一页提交过表单,那么表单数据就全部没有了,实际上,history.back(-1)就是返回上一页的刷新页面。history.go(-1);也是返回当前页的上一页,不过表单里的数据全部还在history.back(0)刷新 history.back(1)前进 history.back(-1)后退...

阅读全文

CSS3前端常用效果

颜色渐变的动画效果:transition:color0.4s;-moz-transition:color0.4s;-webkit-transition:color0.4s;-o-transition:color0.4s;0.4s为变化时间,可以更具情况修改,一般使用在a标签上。下拉菜单常用的高度变化效果:height:0;overflow:hidden;transition:height0.4s;-moz-transition:height0.4s;-webkit-transition:height0.4s;-o-transitio...

阅读全文

JS判断手机访问跳转到手机站

这里提供了六种让手机端访问网站跳转到手机端的方法:第一种:<script>    if(navigator.platform.indexOf('Win32')!=-1){     //pc        //window.location.href="电脑网址";     }else{&nb...

阅读全文

用shtml来include网页文件

在网站构建过中。当我们遇到很多的内容为静态页面,而页首与页脚又经常要更换时,如果一直使用html文件总会有很多的麻烦。因为批量修改起来很不方面,所以我们总希望能将页脚与页尾include到html文件中来。html属于客户端解析形的格式化语言,自4.0后几乎很难再有大的变动(毕竟很多浏览器只按4.0标准来解析),所以至今也没include这样的概念。而html的框架(frame与iframe)虽然可以用来包含首页与页脚文件,但使用frame与iframe的概念与动态页面(asp,jsp,php等)的include那样不同,frame与iframe的主体页...

阅读全文

SEO优化开放内容协议:meta property=og(Open Graph Protocol)

MetaProperty=og标签是什么呢?og是一种新的HTTP头部标记,即OpenGraphProtocol:The OpenGraphProtocol enablesanywebpagetobecomearichobjectinasocialgraph. 即这种协议可以让网页成为一个“富媒体对象”。用了MetaProperty=og标签,就是你同意了网页内容可以被其他社会化网站引用等,目前这种协议被SNS网站如Fackbook、renren采用。SNS已经成为网络上的一大热门应用,优...

阅读全文