![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
文章平均质量分 52
andrewleeeeee
这个作者很懒,什么都没留下…
展开
-
bind()的简写
bind给对象绑定事件,一般写为 $("div").bind("click", function(){}), 可以简写为 $("div").click(function(){})原创 2013-11-18 09:40:12 · 438 阅读 · 0 评论 -
jquery的链式代码风格
$(".level1 > a").click(function() {$(this).addClass("current").next().show().parent().siblings().children("a").removeClass("current").next().hide();return false;})当点击到a元素(class含有level1的字元素原创 2013-11-12 11:47:35 · 783 阅读 · 0 评论 -
jquery经典的.ready
$(document).ready(function(){ alert("12312");});原创 2013-11-12 12:01:33 · 465 阅读 · 0 评论 -
$表示jquery,jquery对象都是通过$()函数构造出来的,就是一个jquery对象的构造工厂
$表示jquery,jquery对象都是通过$()函数构造出来的,就是一个jquery对象的构造工厂原创 2013-11-12 11:56:12 · 578 阅读 · 0 评论 -
jquery良好的代码风格
同一对象不超过3个操作的可以写成一行$("li").show().unbind("click");同一对象较多操作的,每行写一个操作$(this).removeClass("mouseout") .addClass(mouseover) .stop() .fadeTo("fast", 0.6);原创 2013-11-12 11:51:43 · 643 阅读 · 0 评论 -
jQuery Ajax 实例 全解析
jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).1. load( url, [data], [ca转载 2013-11-23 10:34:31 · 471 阅读 · 0 评论 -
jQuery实现品牌列表打开收起
注意:1.show(); 显示隐藏的匹配元素2.css(name, value); 给元素设置样式3.text(string); 设置匹配元素的文本内容4.filter(expr); 筛选出与制定表达式匹配的元素集合,可以是多个选择器的组合。注意和find()的区别。find()会在元素内寻找匹配元素,而filter()是筛选元素。一个是对它的子集操作,一个是对自身集合元素进行筛选原创 2013-11-15 18:54:27 · 1837 阅读 · 0 评论 -
jQuery mouseover弹出title以及弹出大图的例子
文字提示 body{margin:0;padding:40px;background:#fff;font:80% Arial, Helvetica, sans-serif;color:#555;line-height:180%;}p{clear:both;margin:0;padding:.5em 0;}/* tooltip *原创 2013-11-17 21:29:17 · 2045 阅读 · 1 评论 -
jquery判断表单是否被选中的小例子
$(document).ready(function(){ var $cr = $("#cr"); $cr.click(function(){ if ($cr.is(":checked")){ alert ("thanks"); } }) })原创 2013-11-12 12:11:53 · 795 阅读 · 0 评论 -
jQuery的动画效果以及图片切换实例
1.动画方法说明:hide() show() //同时修改多个样式属性,就是隐藏显示fadeIn() fadeOut() //改变透明度显示隐藏slideUp() slideDown //改变高度上的显示隐藏fadeTo() //只改变透明度,可替代fadeIn fadeOuttoggle() //可替代hide show,轮番切换slideToggle() //可替代sl原创 2013-11-21 12:15:54 · 923 阅读 · 0 评论 -
jQuery表单的一些应用
1.按钮增加减少textarea的高度:$(function(){ var $comment = $('#comment'); //获取评论框 $('.bigger').click(function(){ //放大按钮绑定单击事件 if( $comment.height() $comment.height( $comment.height() + 50 ); /原创 2013-11-22 12:16:10 · 613 阅读 · 0 评论 -
jQuery控制字体大小
$(function(){$("span").click(function(){var thisEle = $("#para").css("font-size"); var textFontSize = parseInt(thisEle , 10);var unit = thisEle.slice(-2); //获取单位var cName = $(this).attr("cla原创 2013-11-22 17:11:07 · 926 阅读 · 0 评论 -
jQuery选项卡
//$(function(){ var $div_li =$("div.tab_menu ul li"); $div_li.click(function(){$(this).addClass("selected") //当前元素高亮 .siblings().removeClass("selected"); //去掉其它同辈元素的高亮原创 2013-11-22 17:11:38 · 520 阅读 · 0 评论 -
jQuery选择器大全
Query 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$("div") 选择所有的div标签元素,返回div元素数组$(".myClass") 选择使用m转载 2013-11-21 19:29:46 · 425 阅读 · 0 评论 -
jQuery学习之prop和attr的区别
.prop()1、.prop( propertyName )获取匹配集合中第一个元素的Property的值2、.prop( propertyName, value ).prop( map ).prop( propertyName, function(index, oldPropertyValue) )给匹配元素集合设定一个或多个属转载 2013-11-21 19:26:18 · 376 阅读 · 0 评论 -
toggle()方法
toggle(函数1, 函数2, 函数3.....); 用于模拟鼠标连击事件,第一次触发函数1,第二次触发函数2.。。。 循环到函数1多用于显示隐藏操作 $(function() { $("#panel h5.head").toggle(function(){ $(this).addClass("highlight");原创 2013-11-18 22:27:12 · 1184 阅读 · 0 评论 -
DOM对象和jquery对象
$开头的表示jquery对象,没有则为DOM,这两个对象的方法不能通用var $variable = ....var variable = ...原创 2013-11-12 11:52:46 · 455 阅读 · 0 评论