`
nianshi
  • 浏览: 416166 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

Jquery零碎代码收藏

阅读更多

toggleClass( class ) 如果存在(不存在)就删除(添加)一个类。 为匹配的元素切换 'selected' 类:
$("p").toggleClass("selected");


虽然我们可以使用 removeAttr( name ) 删除元素属性, 但是对应的DOM属性是不会被删除的, 只会影响DOM属性的值.
比如将一个input元素的readonly元素属性去掉,会导致对应的DOM属性变成false(即input变成可编辑状态):
$("#inputTest").removeAttr("readonly");

分享到:
评论
4 楼 nianshi 2013-10-25  
slideDown就是show的滑动效果版本, slideUp就是hide的滑动效果版本, slideToggle就是toggle的滑动效果版本.
3 楼 nianshi 2013-10-25  
以后编写JS代码,少写
<div onclick="showMsg()"></div>
多写
$("#testDiv4").bind("click", showMsg);
兼容效果会更好。
2 楼 nianshi 2013-10-25  
获取匹配元素相对父元素的偏移
var p = $("p");
var position = p.position();
$("p:last").html( "left: " + position.left + ", top: " + position.top );
1 楼 nianshi 2013-10-25  
获取匹配元素在当前窗口的相对偏移
var p = $("p");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );

相关推荐

    李炎恢jQuery讲义代码.rar

    《李炎恢jQuery讲义代码》是一份专为学习jQuery设计的配套资源,它与李炎恢老师的66集jQuery视频教程紧密关联。这个压缩包包含的代码文件旨在帮助观众更好地理解和实践视频中的讲解内容,提供了丰富的实例和练习,以...

    基于Swiper插件的触屏滑动jQuery相册代码

    基于Swiper插件的触屏滑动jQuery相册代码 基于Swiper插件的触屏滑动jQuery相册代码 基于Swiper插件的触屏滑动jQuery相册代码 基于Swiper插件的触屏滑动jQuery相册代码

    带滚动缩略图的全屏jQuery相册代码.rar

    带滚动缩略图的全屏jQuery相册代码.rar 带滚动缩略图的全屏jQuery相册代码.rar 带滚动缩略图的全屏jQuery相册代码.rar 带滚动缩略图的全屏jQuery相册代码.rar 带滚动缩略图的全屏jQuery相册代码.rar 带滚动缩略图的...

    jquery零碎实例和学习心得

    这个压缩包中的"jquery零碎实例和学习心得"很可能是作者在深入学习jQuery过程中积累的一些实用技巧、代码片段以及个人的理解感悟。下面将详细探讨jQuery的核心概念和常见应用。 1. **DOM操作**:jQuery提供了简洁的...

    Jquery学习 Jquery源代码 Jquery数据库操作

    Jquery学习 Jquery源代码 Jquery数据库操作 Jquery学习 Jquery源代码 Jquery数据库操作 绝对有用,技术含量

    jquery Dreamweave代码提示插件

    jQuery Dreamweaver代码提示插件是一款专为Adobe Dreamweaver设计的辅助工具,它极大地提升了在Dreamweaver中编写jQuery代码的效率和准确性。这款插件通过提供自动完成、代码提示和上下文帮助等功能,使得开发者在...

    常用jQuery代码 jQuery 插件 jQuery菜单 jQuery焦点轮播 jQuery弹层代码 焦点轮播 tab标签切换代码 jQ图片浏览

    常用jQuery代码 jQuery 插件 jQuery菜单 jQuery焦点轮播 jQuery弹层代码 焦点轮播 tab标签切换代码 jQ图片浏览 说明:压缩包分为jQuery code 1,2,3三卷。 本压缩包为卷jQuery code 2

    李炎恢在线课堂jQuery讲义代码

    最后,讲义可能还会涉及性能优化技巧,例如减少DOM操作、利用事件委托、以及如何正确使用$(document).ready()和$(window).load()等,这些都是提高jQuery代码执行效率的关键。 总的来说,《李炎恢在线课堂jQuery讲义...

    jQuery实现在线考试答题代码.zip

    开发周期短,上手快,入门低,但是进阶难一般常用的jquery特效 jquery焦点图 jquery选项卡 jquery滚动条 jquery下拉广告,jquery图片延时加载等,jquery代码,放大镜特效,jquery广告代码,jquery导航,jquery在线客服...

    JQuery日历代码

    关键在于jQuery代码,它负责监听用户的交互事件,生成并显示日历,同时处理选中日期后的逻辑。 在实现jQuery日历时,有几种常见的方法: 1. **插件使用**:jQuery有许多现成的日历插件,如jQuery UI的Datepicker,...

    jquery零碎实例

    《jQuery零碎实例详解》 jQuery,作为一款广泛应用于前端开发的JavaScript库,以其简洁的API和强大的功能,深受开发者喜爱。本资料集“jQuery零碎实例”深入浅出地介绍了jQuery在实际开发中的各种应用场景和技巧,...

    jquery 分页代码

    jquery 分页代码,Ajax无刷新分页效果,简单易开发

    6种独特的jQuery相册代码

    标题中的“6种独特的jQuery相册代码”表明我们将探讨六种使用jQuery库创建的不同风格或功能的相册实现。jQuery是一种流行的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互,使得创建动态网页变得更为容易...

    jQuery攻略 源代码

    7. **性能优化**: 探讨如何编写高性能的jQuery代码,避免常见性能陷阱。 8. **兼容性问题**: 了解jQuery对不同浏览器的兼容策略,如何确保代码在多种环境下稳定运行。 9. **最佳实践**: 遵循官方推荐的编码规范和...

    jquery网页内飘窗代码

    使用代码前必须引用jquery ,代码放在页面底部就行,亲测好用.

    锋利的jQuery 源代码

    锋利的jQuery 源代码 锋利的jQuery 源代码 锋利的jQuery 源代码 锋利的jQuery 源代码 锋利的jQuery 源代码 锋利的jQuery 源代码 锋利的jQuery 源代码 锋利的jQuery 源代码 锋利的jQuery 源代码

    超实用的jQuery代码段

    《超实用的jQuery代码段》精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台...

Global site tag (gtag.js) - Google Analytics