`

我的JQuery应用

阅读更多

一、使用JQuery设置控件的值。示例:定位下拉框的值

<select id="calling" >
             <option>
              选择行业类别
             </option>
             <option value="计算机硬件及网络设备">
              计算机硬件及网络设备
             </option>
             <option value="其它">
              其它
             </option>
 </select>
<script type="text/javascript">
     $("#calling").val('${callingval}');
</script>

说明:其中calling为控件的id,callingval是存在作用域中的键名。

二、以下代码写在jsp页面的头部,和定义普通js函数一样

<script language="javascript">
$(function(){                //页面加载时自动调用该函数,相当于body的onload函数
       var hrwidth=$("hr").eq(0).attr("title");              //$("hr"):取到为hr标签,可知$(tag)用于获取某一类标签;
                                                                                               eq(0)取改标签列表中的第一个;
                                                                                               attr("title"):取属性名为title的值;
       $("hr").each(function(index){                            //each(function(index){}):遍历,index为循环变量
                          var thiswidth=$(this).attr("title");  //${this}:this指当前循环项
                          $(this).css("width",thiswidth/hrwidth*100+"%");   //给当前项添加css样式
                                                    }
                          )
     }
)

</script>

0
0
分享到:
评论

相关推荐

    JQUERY应用开发实践指南示例代码

    **jQuery应用开发实践指南示例代码** 在编程领域,jQuery是一个非常重要的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。《jQuery应用开发实践指南》是一本深入浅出介绍jQuery使用的书籍...

    jQuery应用

    jQuery是一个广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本篇文章将深入探讨jQuery在表单应用中的核心知识点,旨在帮助你轻松掌握并深化对jQuery的理解。...

    jQuery应用开发实践指南

    资源名称:jQuery应用开发实践指南内容简介:这是一本完全以实例方式来全方位讲解jQuery应用开发的著作,由Ajax领域的技术权威撰写。书中不仅详细讲解了jQuery的各种组件的功能特性和jQuery应用开发的流程与方法,...

    jquery应用实例

    《jQuery应用实例详解》 jQuery,作为一款广泛应用于前端开发的JavaScript库,以其简洁的API和强大的功能,深受开发者喜爱。本篇文章将深入探讨jQuery在实际应用中的多种实例,帮助读者掌握并熟练运用jQuery,提升...

    JQuery应用实例学习(强烈推荐)

    JQuery应用实例学习(强烈推荐)---无私奉献了!!

    jQuery应用技巧大全modified

    《jQuery应用技巧大全modified》是一份关于jQuery技术的详尽指南,主要涵盖了jQuery在实际开发中的各种实用技巧。本文将深入解析这些技巧,帮助开发者更好地理解和运用jQuery。 首先,jQuery的核心在于对页面元素的...

    jQuery应用技巧大全

    jQuery应用技巧大全jQuery应用技巧大全

    《jQuery应用开发实践指南》PDF版本下载.txt

    根据提供的文件信息,我们可以推断出这是一本关于jQuery应用开发的书籍——《jQuery应用开发实践指南》,并提供了两种下载方式:云盘下载与本地下载。下面将对jQuery及其应用开发进行详细介绍,并结合《jQuery应用...

    浅谈jQuery的应用.pdf

    标题:“浅谈jQuery的应用” 知识点: 1. jQuery简介:jQuery是一个继prototype之后的优秀JavaScript框架,由John Resig创建于2006年初。它简化了JavaScript以及Ajax编程,以“write less, do more”为宗旨,用更...

    Aspnet 中Jquery应用经典例子

    本文将深入探讨在Asp.net环境中如何利用jQuery实现一系列经典的应用实例。 一、jQuery基本操作 1. **选择器**:jQuery的核心在于它的选择器,如`$("#id")`用于选取ID为指定值的元素,`$(".class")`选取具有特定类...

    Ajax+JQuery应用Demo

    工作之余写的一些Ajax应用,有6个Demo,数据库为mysql,使用之前看readme.txt。javascript与jquery混用。无刷新购物车、输入提示、表格局部刷新、xml实时数据更新、划词解释。

    HTML5+CSS3+jquery应用之美

    《HTML5+CSS3+jQuery应用之美》由韩国专业视觉设计师倾力奉献其多年商业网站设计与制作的从业经验,通过八大商业案例,以HTML5搭建结构、CSS3设置样式、jQuery实现动态应用这三者相结合的实际应用方式,详细讲解它们...

    JQuery前端应用

    **jQuery前端应用详解** jQuery,一个轻量级的JavaScript库,自2006年发布以来,因其简洁的API和强大的功能,迅速成为了前端开发者们的首选工具。它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax...

    《构建跨平台APP-jQuery.Mobile移动应用实战》 PDF

    jQuery Mobile是目前*流行的跨平台移动开发框架,本书以实例驱动讲解的方式,让零基础的读者也能轻松掌握jQuery Mobile下的应用开发。本书分为4篇,*篇是移动开发入门篇,介绍了jQuery Mobile、HTML 5和移动开发的...

    jquery仿IPad应用

    **jQuery仿iPad应用详解** 在Web开发领域,jQuery作为一个强大的JavaScript库,被广泛用于实现复杂的交互效果和动画。本教程将深入探讨如何使用jQuery来创建一个仿iPad的应用,旨在为用户提供与iPad类似的用户体验...

    JQuery的一些基本应用

    JQuery的一些基本应用,包括自定义行查询,隐藏/显示一行/一列,切换大小图片等

Global site tag (gtag.js) - Google Analytics