jquery
张张张96
永不妥协。
展开
-
jQ选项卡
jQ选项卡<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0;} ul,li{list-style: none;display: block;} .clearfix:原创 2017-06-18 14:08:54 · 438 阅读 · 0 评论 -
jquery 中stop()方法总结
我们在做效果的时候有时遇到需要停止匹配元素正在进行的动画,比如,当鼠标移入元素时显示菜单,鼠标离开时隐藏下拉菜单,如果鼠标移入移出过快的话就会导致动画效果与鼠标的动作不一致的情况,也就是说鼠标移出后,动画还在进行,此时stop()就派上用场了。你可以复制下面代码到你的编辑器中查看效果。<!DOCTYPE html><html><head lang="en"> <meta charset原创 2017-08-04 23:46:15 · 1132 阅读 · 2 评论 -
jQuery中prop 和 attr 区别
prop() 方法是在jquery1.6中新添加的。我们知道 attr(“checked”)获取checkbox的checked属性时选中的时候可以取到值,值为”checked”但没选中获取值就是undefined。而现在使用prop方法获取属性则统一返回true和false。那么具体的用法是什么,以下是个人理解对于HTML元素本身就带有的固有属性,使用prop方法。对于HTML元素我们自定义的原创 2017-07-27 16:17:43 · 331 阅读 · 0 评论 -
jQuery和javascript处理机制
jQuery <script> var $pra=$("#pra");// 不进行下面的判断时不会报错,找到执行,找不到不执行 if($pra.length>0){ // 注意判断方式 $pra.css("color","red") }else{ alert("DOM不存在") }原创 2017-07-21 23:32:28 · 294 阅读 · 0 评论 -
分享一些前端开发中最常用的JS代码片段
HTML5 DOM 选择器// querySelector() 返回匹配到的第一个元素var item = document.querySelector('.item');console.log(item);// querySelectorAll() 返回匹配到的所有元素,是一个nodeList集合var items = document.querySelectorAll('.item');c转载 2017-07-28 23:54:59 · 428 阅读 · 0 评论 -
jq绑定事件方法及区别
第一种方式:$(document).ready(function(){ $("#clickme").click(function(){ alert("hello world click") })})第二种方式(简写方式为第一种):$('#clickmebind').bind("click", function(){ alert("Hello World bi原创 2017-07-30 16:15:44 · 987 阅读 · 0 评论 -
dom对象和 jQuery对象之间的转换
dom对象和 jQuery对象之间的转换一 、jQuery->dom(js) 1.jq对象是一个数组对象 通过[index]方法获取得到相应的dom对象 var $obj=$("#obj"); // jq对象 var nobj=$obj[0] // dom对象 alert(nobj.checked) 2. jq本身提供的方法 get(index原创 2017-07-20 20:36:07 · 330 阅读 · 0 评论 -
高效的jQuery代码编写技巧总结
高效的jQuery代码编写技巧总结缓存变量DOM遍历是昂贵的,所以尽量将会重用的元素缓存。// 糟糕h = $('#element').height();$('#element').css('height',h-20);// 建议$element = $('#element');h = $element.height();$element.css('height',h-20);避免全局变量j转载 2017-07-15 23:56:40 · 277 阅读 · 0 评论 -
弹出窗口特效
弹出窗口<!DOCTYPE html><html><head> <title>jQuery实例1:浮动窗口</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="../js/jquery.js"></script></head><style>原创 2017-06-18 14:28:25 · 670 阅读 · 0 评论 -
回顶部
回顶部<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script> </head> <style原创 2017-06-18 14:22:04 · 379 阅读 · 0 评论 -
锚链接加动画总结
<!--html--><div id="top" name="top" style="height:3000px;"></div><a href="#top">回顶部</a> <!-- 设置锚链接跳转地方的id -->方法一$('a').click(function(){ $('html, body').animate({ scrollTop: $( $.attr原创 2017-08-06 15:02:47 · 1434 阅读 · 0 评论