随笔分类 - jQuery
摘要：经常看到项目要用到图片轮播效果，一般的操作流程都是先到网上找一个好看的JQuery图片轮播插件，然后看下demo，再配下参数。好了，关机下班回家 其余的就交给插件吧。是不是感觉有了jQuery，世界变得那么美好呢。本人最近用的一个插件是jquery.carousel.js，官方网站是：http://...
阅读全文
摘要：1、禁用“回车键”，防止用户意外提交 $('#myform').keyup(function(e){ if(e.which==13){ return false; } });2、将表单禁用和开启 //禁用按钮 $('#submit_btn').attr('disabled',true); //开启按钮 $('#submit_btn').removeAttr('disabled'); 说明：使用 .attr('disabled',false) 是不正确的调用方法3、输入内容后启动提交按钮 $('
阅读全文
摘要：jquery取radio单选按钮的值$("input[name='items']:checked").val();jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $('input[name=items][checked]').val(); 获取select被选中项的文本 var item = $("select[name=items] option[selected]").text(
阅读全文
摘要：jquery获取select选择的文本与值获取select ：获取select 选中的 text :$("#ddlregtype").find("option:selected").text();获取select选中的 value:$("#ddlregtype ").val();获取select选中的索引:$("#ddlregtype ").get(0).selectedindex;设置select:设置select 选中的索引：$("#ddlregtype ").get(0).selected
阅读全文
摘要：$("#element_id")获取的永远是对象，所以如果想要判断网页中是否存在改元素不能使用如下代码:if($("#element_id")){//dosomething}而是应该根据获取到元素的长度判断if($("#element_id").length>0){//dosomething}或者转换为DOM对象if($("#element_id")[0]){//dosomething}
阅读全文
摘要：window.onload$(document).ready()执行时机必须等待页面中所有内容都加载完毕才会执行页面中所有ＤＯＭ结构绘制完毕就会执行，可能ＤＯＭ元素相关联的东西未加载完毕编写的个数只能编写一个，当编写多个时只会执行最后一个如:window.onload=function(){alert("test1");}window.onload=function(){alert("test2");}只会执行test2可以编写多个并且都会执行$(document).ready(function(){alert("test1");})
阅读全文
摘要：导读:经常在淘宝上选择商品时移到商品上会出现商品大图预览的效果，好吧今天哥们一起来看下这个使用jQuery如何实现。案例需求：1、页面上添加表格，用于显示多项信息。2、如果选中表格中的复选框，点击“删除”则会删除选中项，如果选中“全选”再点击删除则会将表格中的数据全部删除。3、将鼠标移到表格中的小图片中会显示大图，移开则隐藏大图。全部代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi
阅读全文
摘要：一、访问元素l元素属性操作1．获取元素属性语法格式：attr(name)参数name表示元素属性的名称示例代码<scripttype="text/javascript">$(function(){varstralt=$("img").attr("src");stralt+="<br>"+$("img").attr("title");$("#divshow").html(stralt);});</script>2．设置元素
阅读全文
摘要：导读:画图很蛋疼，所以还是使用css做一个。刚学的写的很纠结。希望大牛不要介意。效果图：全部代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <
阅读全文
摘要：导读：大家写博客的时候有没有注意博客园的标题选项卡的效果是如何实现的？如上图当我们点击文章时会自动切换到文章类型下。其他也是一样的。其实这种选项卡的效果在很多网站中出现。好啦现在我们来用jQuery和css来实现一下。效果图：步骤：一：使用div+css画出基本的界面。 二：jQuery实现动态效果。 哥们，如果你接触过WPF，这种思想是不是与WPF极其的相似。WPF中XAML语言画界面，C#写后台逻辑。 好啦，不解释啦。源码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
阅读全文
摘要：导读：现在很多网页点击登陆按钮都会弹出一个对话框出来，一般情况下是不会显示出来的，只有在点击登陆时。其实这个一个层的操作。好，废话少说，现在我们来实现这个神奇的效果。步骤：一：首先使用css画出一个层出来二：使用jQuery实现点击操作。具体代码如下解释就不必啦。相信大家都是大牛。实在不懂得请“悟”吧。我一直在看别人的源码在悟！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d
阅读全文
摘要：案例实现登陆界面验证：需求分析：当文本框字符为空时显示红色，不为空显示白色 <head> <title>实º¦Ì现?的Ì?效¡ì果?是º?当Ì¡À文?本À?框¨°离¤?开a时º¡À背À3景¡ã色¦?为a红¨¬色¦?</title> <script src="js/jquery-1.4.2.js"
阅读全文
摘要：l JQuery选择器JQuery选择器用于查找满足条件的元素，比如可以用$(“#控件id”)来根据控件id获得控件的JQuery对象，相当于getElementById;如: $(“#div1”).html(“<font color=”red”>ab</font>cd”);l $(“TagName”)来获取所有指定标签名的JQuery对象。相当于getElementByTagName;$(function(){$(“p”).click(function(){$(“p”).html(“我们都是p”)})})l CSS选择器，同时选择拥有样式的多个元素<style
阅读全文
摘要：l JQuery简介：JQuery是JavaScript的封装类库优点：尺寸小，使用简单方便（支持链式编程，隐式迭代），跨浏览器兼容性好。插件丰富，开源，免费。何为链式编程：如:$(“#div1”).draggble.show().hide().fly(); 可以一直点下去何为隐式迭代：表示自动迭代方法调用。$(“div”).draggble表示所有的div都操作draggble方法用法：直接引用jquery-1.4.1.js,jquery-1.4.1-vsdoc.js放在同一目录下。Vsdoc(相当于js的说明库)与js放在一起就会有第三方js的自动提示的功能。简单的JQuery$(docu
阅读全文
浙公网安备 33010602011771号