`

好用的JQuery中的html()方法

阅读更多

在解决局部问题更新是html()方法最有效了,我想跟新片段就可以采用此方法。

例如:

在要求选择了select组件中的某项,要求相邻的按钮的超链接更新,而又不刷新界面,可采用此方法,例子如下:

	function selectedClick(){
			//获取select对象 
			var selectedObj = $('#exportType option:selected'); 
			//获取当前selected的值 
			var selected = selectedObj.val(); 
			var url="exportServlet?exportType="+selected;
			$('#urlservice').html('<a href="'+url+'">'+'<img src="../../images/icons/export.jpg" border="0" style="vertical-align: middle;"/></a></span>');
	}

 

<select id="exportType" name="exportType"
	style="vertical-align: middle;" onchange="selectedClick();">
	<option value="PDF" selected="selected">PDF格式</option>
	<option value="EXCEL">EXCEL格式</option>
	<option value="CSV">CSV格式</option>
</select> 
<span id="urlservice">
<a href="exportServlet?exportType=pdf"><img
	src="../../images/icons/export.jpg" border="0"
	style="vertical-align: middle;" />
</a>
</span>

 

分享到:
评论

相关推荐

    好用清除html的jquery插件

    标题中的“好用清除html的jquery插件”指的是一个jQuery扩展,它的主要功能是去除HTML代码中的冗余或不需要的元素,以保持内容的整洁和纯净。这种插件对于处理用户输入的数据、显示干净的文本或者优化网页性能等方面...

    好用实用的jquery拖拽插件

    `draggable()`是jQuery UI中的一个方法,用于创建可拖动的元素。通过调用这个方法,我们可以轻松地将任何HTML元素设置为可拖动状态。 ```javascript $("#element").draggable(); ``` 上述代码将ID为`element`的元素...

    很好用的Jquery消息提示插件

    而“很好用的Jquery消息提示插件”就是基于jQuery开发的一个工具,用于增强网页应用中的用户体验,通过提供各种样式和效果的通知或提示信息。 这个插件的核心功能在于为开发者提供了一种简便的方法来展示用户交互...

    jquery弹窗插件 好用又好看

    本篇文章将详细探讨“jquery弹窗插件”的核心特性、使用方法以及如何实现好用又好看的弹窗效果。 一、jQuery弹窗插件概述 jQuery弹窗插件是基于jQuery库开发的一类组件,它们通常具备高度自定义性,支持多种功能,...

    超级好用jquery图表分析

    在“超级好用jquery图表分析”这个主题中,我们将深入探讨如何利用jQuery来实现高效、直观的数据可视化。 首先,让我们理解为什么jQuery在图表分析中如此重要。JavaScript是网页动态效果和交互的核心,而jQuery通过...

    超好用jquery图片滚动

    标题“超好用jquery图片滚动”所指的就是利用jQuery来实现的高效图片滚动效果。只需少量的代码,开发者就能创建出专业且引人入胜的图片展示区域。 【jQuery基础】 jQuery简化了DOM操作、事件处理、动画效果以及...

    很好用的Jquery插件

    本文将深入探讨“很好用的Jquery插件”,并介绍几个常用插件及其简单使用方法,这对于在项目中提升用户体验具有显著帮助。 首先,jQuery库的核心优势在于它的API设计,它提供了丰富的选择器、DOM操作、事件处理和...

    jquery手册(中文版)很好用的web编辑

    手册中的内容涵盖了jQuery的核心概念,包括选择器(用于选取HTML元素)、DOM操作(如添加、删除或修改元素)、事件处理(监听并响应用户或浏览器事件)以及动画(创建流畅的视觉效果)。 "jQueryDocXML2CHM-090223...

    好用的JQuery垂直多级菜单

    为了实现这个垂直多级菜单,开发者可能会使用JQuery的`.click()`、`.hover()`和`.slideToggle()`等方法。`.click()`监听用户点击事件,`.hover()`处理鼠标悬停事件,而`.slideToggle()`则用于平滑地展开或折叠菜单项...

    好用的jquery图形报表

    5. **配置图表**:在初始化方法中,设置图表类型、标题、数据源、轴设置等配置项。 6. **绘制图表**:调用`Highcharts.chart()`函数,传入容器元素和配置对象,绘制图表。 **四、示例代码** ```html &lt;!DOCTYPE ...

    jQuery所有版本,亲测好用

    本文将基于提供的文件信息“jQuery所有版本,亲测好用”,详细介绍jQuery的不同版本及其特点,帮助读者更好地理解各个版本之间的差异,并根据项目需求选择合适的版本进行开发。 #### 一、jQuery简介 jQuery是一款...

    mcdropdown好用的JQuery下拉列表

    这些配置项可以通过传递一个对象到`.mcdropdown()`方法中来实现: ```javascript $('#myDropdown').mcdropdown({ width: '200px', // 设置下拉列表的宽度 defaultSelected: 2 // 设置默认选中的项 }); ``` ### ...

    VS2010 VS2012最好用的JQuery代码段

    总的来说,“VS2010 VS2012最好用的JQuery代码段”是一个强大的工具,能帮助开发者快速、准确地编写jQuery代码,提升开发效率。通过合理利用这些代码片段,开发者可以在保持代码质量的同时,更好地专注于应用程序的...

    jquery table分页 非常好用

    只需在页面中引入插件的CSS和JS文件,然后对表格应用`dataTable()`方法,就可以轻松实现分页。此外,`bootstrap-table` 又是一个基于Bootstrap框架的jQuery表格插件,它也提供了分页功能,适合那些使用Bootstrap的...

    好用的jquery插件

    总结来说,“好用的jQuery插件”特别是幻灯片源码,是网页开发中的重要工具,它们利用jQuery的强大功能,以简洁的代码实现复杂的效果,提升了网页的互动性和视觉吸引力。通过深入学习和应用这些插件,开发者可以快速...

    好用的jquery类似QQ页面右下角弹出窗口

    标题提到的“好用的jquery类似QQ页面右下角弹出窗口”是指利用jQuery实现的一种模仿QQ聊天窗口从页面右下角弹出的效果。这种效果在网页通知、消息提示等方面非常常见,能够吸引用户的注意力而不会过于打扰他们的浏览...

    好用的jquery图片轮换效果

    **jQuery图片轮换效果...本篇文章将详细介绍如何使用jQuery实现一个好用的图片轮换效果。 首先,我们需要引入jQuery库。在HTML文件中,通过`&lt;script&gt;`标签添加jQuery的CDN链接或者下载到本地后引入,例如: ```html ...

    jquery.min.js,很好用的基础插件

    而`jquery.min.js`是这个库的压缩版本,它将原本的jQuery库进行了优化,减少了文件大小,提升了网页加载速度,从而在实际项目中得到广泛应用。 jQuery库的诞生,是为了简化JavaScript的DOM操作,提供更加流畅的动画...

    jquery 很好用的JS框架

    jQuery,一个轻量级、高性能的JavaScript库,自2006年发布以来,已经成为Web开发中不可或缺的一部分。它的核心理念是“Write Less, Do More”,通过简洁的API,使得复杂的DOM操作、事件处理、动画效果以及Ajax交互变...

    超好用的Jquery弹出框和遮盖层

    例如,使用`.animate()`方法实现更复杂的动画效果,或者通过AJAX加载弹出框中的内容。 5. **响应式设计**:在移动设备上,弹出框和遮盖层的布局可能需要调整。利用媒体查询(Media Queries)确保弹出框在不同屏幕...

Global site tag (gtag.js) - Google Analytics