今天我为大家讲解一个页面开发过程中的一个小技巧：如何处理裂图 也就是说如果这个图片没有加载成功了会怎么办？ 第一步：HTML页面里： 代码如下: gbin1 运行这个页面大家会看到一个坏掉的图。 第二部：是一个JavaScript，它的功能是：如果图片坏掉了，就弹出一个出错提示： 代码如下: $(function(){ $('img').error(function(){ alert('error'); }); }); 运行一下，大家看到了吗？ 第三部：接下来，我们想要提高界...
代码如下: img { width:150px; height:200px; position:relative; } td{width:150px;height:200px;} table{border:solid 1px black;} $(function () { $('img').click(function () { $(this).animate({ left: '+=150px' }, 2000).animate({ left: '+=150px' }, 2000).animate({ top: '+=200px' }, 2000).animate({ left: '-=150px' }, 2000).animate({ left: '-=150px' }, 2000).animate({ top: '+=200px' }, 2000).animate(...
有一个多选的需求，在网上找到了这个插件：multiselect https://github.com/ehynds/jquery-ui-multiselect-widget csdn博客上有这个插件的介绍，不少童鞋都问了这么个问题，怎么获取选中的值？真是个好问题，因为我在看demo的时候也发现了这个问题，呵呵！ 先简单说说这个插件： jquery-multiselect 基于Jquery-ui的组件体系。 所以使用它的时候，先得导入jquery-ui相关的js和css哦 特性 支持点击label实现checkbox组选择. 头部选项...
jQuery实现Tab切换 接触jQ不久以前的js代码来写的简单效果现在用jQ来写： HTML代码： 代码如下: 最新评论近期热评随机文章 1234567890-1 1234567890-2 1234567890-3 css代码： 代码如下: #sidebar-tab{border:1px solid #ccf;margin-bottom:1.5em;overflow:hidden;} #tab-title h3{color:#666;font-size:15px;font-weight:400;} #tab-title .selected{color:#356aa0;border-bottom:0px;} /*标题被选中时的样式*/ #tab-tit...
本人对jQuery还真迷糊，一些基本的语法老忘掉，在此举个例子，使用jQUery获取选中radio对应的值 代码如下: var gender=$(input:radio[name="gender"]:checked).val();
select，radio 表单回显避免使用jquery载入赋值 注意事项： 代码如下: 不推荐：使用如下js代码 代码如下: $(function(){ //回显时并不是真是数据的默认值 $("input[type=radio][name=visible]").each(function() { if ($(this).val() == '${teacher.visible}') { $(this).attr("checked", "checked"); } }); $("#orderBy option").each(function() { if ($(this).val() == '${teacher.orderBy}') { $(this).attr("selecte...
-->html页 代码如下: 用户名校验实例 用户名校验的jax实例 —>js页 代码如下:function verify() { $("#userName").keyup(function () { var user = $(this).val(); var userobj = $(this); $.post("../index.aspx", { userobj: user }, callback); }); } function callback(data) { $("#result").text(data); }—>aspx页 代码如下: Resp...
jquery控制CSS样式，并且取消Css样式（如背景色） $("#tab1").css("background-color", ""); $("#" + left_tabid).css("background-color", "#025891");
今天用Jquery想动态更改一张位图的src发现css不好用，查看Jquery文档好像是css是设置样式的属性的，如颜色，字体，背景等，而attr貌似是能操作所有属性，包括Jquery未封装的属性。 代码如下: $("#newClassImg").attr("src", "./images/plus3.jpg");//改变图片源 $("#newClass").css("background-color", "#d6d6d6");//改变背景色 推荐一个Jquery中文文档查询网站 http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html
Jquery提供的选择器极大的方便了开发人员对Dom的操作，真正实现了代码简化，却功能强大的目标。下面就日常最常用的，在Form表单中如何获取被中选的Radio值做一小小的示例。 form表单如下： 代码如下: 那么如何获取被选中的radio值呢，Juqery为我们提供了如下几个方法 代码如下: $("input[name=opType]:checked").val() -------此方法估计用的比较多，通俗易懂 $("input:radio:checked").val(); ---------此方法最简单，但是连着...
介绍 当用户双击DOM对象（例如按钮和链接等）时，对于用户交互一直是个麻烦的问题。 幸运的是, jQuery 提供了一个相当棒的解决方法。 那就是.one()。 .one()这个方法是做什么的？ 它附加了一个元素事件的处理程序并且每个元素只能运行一次事件处理器函数。 参数 .one( events [, selector ] [, data ], handler(eventObject) ) events 类型: String 规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。就像“...
隐藏模态窗口技术是一种很好的解决方案，用于处理不是特有必要出现在网页上的界面元素。社交网络可以使用模态窗口传达私人讯息以及只针对会员才能看 到的表单。在博客和杂志网站也适用于与主网站分开的作者登陆页面，模态窗口比在JavaScript中创建新窗口更容易，因为使用HTML标记显示，所有 的东西能都呈现在同一个窗口中。 我将演示如何利用jQuery插件leanModal建立一个常规模态窗口。如果你有MIT general license，那么这个插件是...
使用Jquery实现点击文字变为文本框效果，可对文本框文字进行修改。 1.点击文字变为文本框 2.文本框自动全选文字 3.对文本框内容进行修改 4.点击文本框以外的地方文本框再次变为修改后的文字 5.同步更新SQL数据库内容 Html部分代码 代码如下: ID 名称 操作 1 哈哈 删除 2 哈哈 删除 3 哈哈 删除 新建edit.js文件，代码如下 代码如下: $(function() { //获取class为caname的元素 $(".caname").click(function() { var t...
使用jquery获取网页中图片的高度其实很简单，有两种常用的方法都可以打到我们的目的 代码如下: $("img").whith();（返回纯数字） $("img").css("width");（返回字符串：数字+"px"） 但是有时候会遇到返回0的情况，上面方法返回值竟然是0或者0px，很让人诧异 方法一 在很早之前，我使用的解决方法，这也是我的师傅告诉我的解决方法：在你需要获取到的图片的标签上加上width属性，或者在css中写出来图片的告诉，这样就可以了，所以...
1、浏览器自带的鼠标样式： 2、如果某些时候为了保持鼠标样式的统一，或者想指定特定的鼠标样式该怎么办呢？ 代码如下: $(#divContainer).css(cursor, url(../Images/CrimeAnalysis/ThematicMap/grab.cur), move); 将移到某个div或者元素上的鼠标样式修改成某个指定的.cur文件就可以了。