<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript"
src="/jQuery/jQuery/jquery-1.2.6.pack.js"></script>
<script type="text/javascript">
function clickDiv(){
alert($(document).find("div>div").attr("id"));
}
function setUL(){
$("ul li:eq(0)").attr({style:'color:red'});
$("ul li:eq(1)").attr({style:"color:blue",id:"liid",alt:"altId",title:"香蕉"});
$("ul li:eq(2)").attr({style:'color:yellow'});
//显示第二个li标记中id的属性值;
alert($("ul li:eq(1)").attr("id"));
//显示第二个li标记中title的属性值;
alert($("ul li:eq(1)").attr("title"));
//移除第二个li标签中的属性值;
$("ul li:eq(1)").removeAttr("title");
}
</script>
</head>
<body>
<div id='a1' onclick="clickDiv()">
<div id='b1'>测试</div>
</div>
<br>
<ul onclick="setUL()">
<li>小苹果</li>
<li>小香蕉</li>
<li>小荔枝</li>
</ul>
</body>
</html>
分享到:
相关推荐
在这个例子中,`#dialog`是HTML元素的选择器,`dialog()`则是jQuery UI提供的方法,用于将选定的元素转换为对话框。 除了基本组件,jQuery UI还支持自定义主题,允许开发者通过Themeroller工具调整颜色、字体等视觉...
总的来说,jquery-color.picker.js是一个强大且易用的jQuery颜色选取插件,它通过简洁的API和高度可定制的特性,使得颜色选取功能的实现变得简单而高效。无论是在简单的网页表单还是复杂的前端应用中,都能发挥出它...
1. 简单易用:jQuery.paginate.js的核心优势在于其简洁的API接口,开发者只需几行代码就能实现分页功能。通过调用特定的jQuery方法,可以快速将分页组件添加到页面上。 2. 自定义样式:该插件允许开发者自定义分页...
这个例子展示了如何配置和使用jQuery Autocomplete.js,以及如何与服务器进行交互,实现动态数据加载和选中项的处理。 ### 5. 结论 jQuery Autocomplete.js 插件是提高网页表单输入效率的好帮手,通过与Ajax的结合...
该插件主要基于jQuery框架,提供了一种简单的方法,让网站用户能够一键将内容分享到各种社交媒体平台,如QQ、微信、微博、Google、LinkedIn(in)、Twitter(tweeter)等。在网页开发中,这种分享功能可以提升用户...
本压缩包“jQuery经典例子.rar”包含了若干个示例,旨在帮助开发者更好地理解和运用jQuery的核心功能。 首先,jQuery的核心特性之一是选择器。jQuery支持CSS1至CSS3的选择器,以及自定义的选择器,使得定位DOM元素...
以下是一个简单的使用jQuery.media.js的示例: ```html <!DOCTYPE html> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script src="jquery.media.js"> #myPlayer { width: 640px...
3. **创建提示**:使用 `.toast('message')` 创建一个简单的提示,或者使用 `.toast(options)` 接受一个配置对象来创建更复杂的提示。 - `options` 可能包含: - `type`:提示类型,如 `'success'`、`'warning'`、...
5. **Ajax**:jQuery封装了Ajax操作,例如`$.ajax()`, `$.get()`, `$.post()`等,使得异步数据交互变得简单。 6. **链式调用**:jQuery的API设计支持链式调用,如`$(selector).addClass('active').css('color', '...
使用方法相对简单,只需在HTML中引入jQuery和该插件,然后调用相应的函数即可。 ```javascript $("#export").click(function() { $("#content").wordExport("myDocument.doc"); }); ``` 在这个例子中,当用户点击...
使用`jquery.placeholder.js`非常简单,首先需要确保你的页面已经引用了jQuery库。然后,将`jquery.placeholder.js`或者`jquery.placeholder.min.js`通过`<script>`标签引入到HTML文档的`<head>`部分或者`<body>`的...
总的来说,jQuery.zclip.min.js是一个实用的工具,它使得在网页上实现剪贴板复制功能变得简单易行,尤其是在Flash仍被广泛支持的时代。虽然随着技术的发展,其依赖Flash的特性可能不再是最佳选择,但对老项目的维护...
总结起来,jQuery.blockUI.js通过简单的API提供了强大的页面阻塞功能,允许开发者根据需求定制遮罩层的样式和行为。结合实际的`demo.html`和`jquery.blockUI.js`文件,开发者可以快速上手并灵活应用到各种项目中,...
一个简单的例子是动态生成用户列表: ```html <script id="userTemplate" type="text/x-jquery-tmpl"> {{each users}} ${name}: ${email} {{/each}} var data = { users: [ {name: "Alice", email: ...
首先,jQuery Alerts插件的引入非常简单。在HTML文档中,我们需要先引入jQuery库,然后引入这两个文件。通常,CSS文件放在`<head>`标签内,JavaScript文件则放在`<body>`标签的底部,确保在DOM加载完成后执行。 ```...
这个插件提供了丰富的自定义选项,使得我们可以根据项目需求调整样式和行为,即使默认样式普通,通过简单的CSS美化,也能呈现出吸引人的视觉效果。 **核心概念与功能** 1. **jQuery集成**:`jquery.countdown.js` ...
这个例子展示了如何快速集成和使用jQuery PrintArea.js插件。 总结,jQuery PrintArea.js插件2.4.0版本为开发者提供了一种高效、直观的方式来控制网页的打印内容。通过标记需要打印的元素,我们可以精确地控制打印...
在这个例子中,它从当前页面的URL中提取出名为`name`的参数值。此外,插件可能还提供了类似`$.query.set()`的方法,用于设置或修改URL参数,以及`$.query.all()`,返回所有参数的键值对对象。 对于开发来说,使用`...
在这个压缩包的实例中,可能包含了一个简单的登录或注册页面,通过JQuery发送JSON请求到Struts2 Action,Action验证后返回JSON响应,JQuery再根据响应更新UI。具体实现细节可能涉及Action类、JSP页面、struts.xml...