`

jQuery 的一些代码

    博客分类:
  • J2EE
阅读更多

$("#id").show()//表示display:block, $("#id").hide()//表示display:none; $("#id").toggle()//切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的

 

 


 function deletee(id, obj){ if(confirm(' 确定删除吗?')){ jQuery.get('${createLink (controller:'cpcContract',action:'deleteContract')}?contractId='+id) jQuery(obj).parents('tr').remove() } return false }

 

 


 遍历JSON

var option = json["source"]; jQuery.each(option,function(entryIndex,entry){ oneTr = oneTr + "<option value='"+entry.id+"'>"+entry.name+"</option>" })

 

 


 求出 radio 选中的值

var exportCity = jQuery("[name='exportCity'][checked]").val());

 

 


 判断 checkbox 是否选中

var citysChecked = false jQuery("[name='citys'][checked]").each(function(i,o){ if(jQuery(o).attr("checked")== true){ citysChecked = true } })

 

 


 checkbox 反选

function selectAll(obj,name){ jQuery("[name='"+name+"']").attr("checked",jQuery(obj).attr("checked"));//反选 }

 

 


 

jQuery通过name获取对象

 

$('input[name="nw"]'); jQuery('input[name="status"]')



 

获取对象后,可使用val()方法或html()方法来获取值,和JavaScript获取对象值一样,input、select、textarea等表单类对象用val()方法来获取值,像div、span等对象用html()获取值, 

 

$('input[name="nw"]').val(); //或者是为对象赋值 $('input[name="nw"]').val('123');  

 

 


 ID 

 

$('#nodeName') jQuery('#nodeName')

 

 


 

使用jquery真的很方便,比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明。

$("#id").show()//表示display:block, $("#id").hide()//表示display:none; $("#id").toggle()//切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的

 

 


 

 

分享到:
评论

相关推荐

    李炎恢jQuery讲义代码.rar

    6. **插件使用**:可能包括对一些流行jQuery插件如Bootstrap、jQuery UI等的运用,以增强功能和用户体验。 通过逐行阅读和执行这些代码,学习者可以更直观地理解jQuery的工作原理,并有机会尝试自己修改和扩展代码...

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

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

    jQuery常用代码片段

    这篇博文"jQuery常用代码片段"很可能是为了分享一些实用的jQuery代码示例,帮助开发者提高工作效率。下面我们将深入探讨jQuery的一些核心功能和常见用法。 1. **选择器**: jQuery的选择器类似于CSS,可以轻松地选取...

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

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

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

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

    jquery程序代码包

    **jQuery程序代码包详解** jQuery是一款广泛应用于Web开发的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。这个"jquery程序代码包"旨在提供全面的jQuery使用教程,帮助开发者深入理解...

    jquery Dreamweave代码提示插件

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

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

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

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

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

    JQuery日历代码

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

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

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

    jQuery攻略 源代码

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

    6种独特的jQuery相册代码

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

    jquery网页内飘窗代码

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

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

    3. JavaScript文件:实现相册的交互逻辑,包括jQuery代码和可能的自定义插件。 4. 图片资源:实际的相册图片,用于展示相册效果。 总的来说,这个项目提供了一个全屏jQuery相册的实现,通过学习和理解这段代码,...

    jquery 分页代码

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

    JQuery 游戏 俄罗斯方块 代码

    在开发过程中,为了优化性能,开发者可能使用了一些jQuery的优化技巧,比如使用ID选择器而不是类选择器,减少DOM操作的频率,以及使用事件委托来处理大量的事件绑定等。同时,代码结构的清晰性和可维护性也是衡量...

    超实用的jQuery代码段

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

    《超实用的jQuery代码段》 PDF

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

Global site tag (gtag.js) - Google Analytics