`

jQuery 的简单例子.

jQueryJavaScriptHTML 
阅读更多 
<%@ 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>

 

分享到：
| 一个 XFire 初级入门例子
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery-ui.min.js

    在这个例子中，`#dialog`是HTML元素的选择器，`dialog()`则是jQuery UI提供的方法，用于将选定的元素转换为对话框。 除了基本组件，jQuery UI还支持自定义主题，允许开发者通过Themeroller工具调整颜色、字体等视觉...

    jquery.paginate.js

    1. 简单易用：jQuery.paginate.js的核心优势在于其简洁的API接口，开发者只需几行代码就能实现分页功能。通过调用特定的jQuery方法，可以快速将分页组件添加到页面上。 2. 自定义样式：该插件允许开发者自定义分页...

    jQuery/jquery-1.7.2.min.js jquery-1.7.2.js 文件

    5. **Ajax**：jQuery封装了Ajax操作，例如`$.ajax()`, `$.get()`, `$.post()`等，使得异步数据交互变得简单。 6. **链式调用**：jQuery的API设计支持链式调用，如`$(selector).addClass('active').css('color', '...

    jquery.autocomplete.js使用示例，可直接运行

    这个例子展示了如何配置和使用jQuery Autocomplete.js，以及如何与服务器进行交互，实现动态数据加载和选中项的处理。 ### 5. 结论 jQuery Autocomplete.js 插件是提高网页表单输入效率的好帮手，通过与Ajax的结合...

    jQuery分享插件.zip

    该插件主要基于jQuery框架，提供了一种简单的方法，让网站用户能够一键将内容分享到各种社交媒体平台，如QQ、微信、微博、Google、LinkedIn（in）、Twitter（tweeter）等。在网页开发中，这种分享功能可以提升用户...

    jQuery经典例子.rar

    本压缩包“jQuery经典例子.rar”包含了若干个示例，旨在帮助开发者更好地理解和运用jQuery的核心功能。 首先，jQuery的核心特性之一是选择器。jQuery支持CSS1至CSS3的选择器，以及自定义的选择器，使得定位DOM元素...

    jquery.media.js

    以下是一个简单的使用jQuery.media.js的示例： ```html &lt;!DOCTYPE html&gt; &lt;script src="https://code.jquery.com/jquery-1.12.4.min.js"&gt;&lt;/script&gt; &lt;script src="jquery.media.js"&gt; #myPlayer { width: 640px...

    jquery.blockUI.js

    《jQuery.blockUI.js插件详解：打造...总的来说，jQuery.blockUI.js是提升Web应用用户体验的一个实用工具，通过简单的API调用和灵活的配置，可以方便地实现页面锁定，确保在关键操作期间提供一致和可靠的用户交互体验。

    JQuery信息提示框插件 jquery.toast.js 的使用

    3. **创建提示**：使用 `.toast('message')` 创建一个简单的提示，或者使用 `.toast(options)` 接受一个配置对象来创建更复杂的提示。 - `options` 可能包含： - `type`：提示类型，如 `'success'`、`'warning'`、...

    jquery autocomplete下载.rar

    这个简单的例子将 `#myInput` 输入框配置为从数组 `['Apple', 'Banana', 'Cherry']` 提供补全建议。 4. **高级功能与自定义** - **数据源**：除了静态数组，Autocomplete 还支持从 JSON、AJAX 或者函数返回的数据...

    jquery.placeholder.js

    使用`jquery.placeholder.js`非常简单，首先需要确保你的页面已经引用了jQuery库。然后，将`jquery.placeholder.js`或者`jquery.placeholder.min.js`通过`&lt;script&gt;`标签引入到HTML文档的`&lt;head&gt;`部分或者`&lt;body&gt;`的...

    jquery.zclip.min.js

    总的来说，jQuery.zclip.min.js是一个实用的工具，它使得在网页上实现剪贴板复制功能变得简单易行，尤其是在Flash仍被广泛支持的时代。虽然随着技术的发展，其依赖Flash的特性可能不再是最佳选择，但对老项目的维护...

    jquery.blockUI.js 使用示例

    总结起来，jQuery.blockUI.js通过简单的API提供了强大的页面阻塞功能，允许开发者根据需求定制遮罩层的样式和行为。结合实际的`demo.html`和`jquery.blockUI.js`文件，开发者可以快速上手并灵活应用到各种项目中，...

    jquery.tmpl.js

    一个简单的例子是动态生成用户列表： ```html &lt;script id="userTemplate" type="text/x-jquery-tmpl"&gt; {{each users}} ${name}: ${email} {{/each}} var data = { users: [ {name: "Alice", email: ...

    jquery.alerts.css jquery.alerts.js

    首先，jQuery Alerts插件的引入非常简单。在HTML文档中，我们需要先引入jQuery库，然后引入这两个文件。通常，CSS文件放在`&lt;head&gt;`标签内，JavaScript文件则放在`&lt;body&gt;`标签的底部，确保在DOM加载完成后执行。 ```...

    FileSaver.js和jquery.wordexport.js插件

    使用方法相对简单，只需在HTML中引入jQuery和该插件，然后调用相应的函数即可。 ```javascript $("#export").click(function() { $("#content").wordExport("myDocument.doc"); }); ``` 在这个例子中，当用户点击...

    jquery.countdown.js自定义倒计时代码

    这个插件提供了丰富的自定义选项，使得我们可以根据项目需求调整样式和行为，即使默认样式普通，通过简单的CSS美化，也能呈现出吸引人的视觉效果。 **核心概念与功能** 1. **jQuery集成**：`jquery.countdown.js` ...

    jquery.PrintArea.js

    这个例子展示了如何快速集成和使用jQuery PrintArea.js插件。 总结，jQuery PrintArea.js插件2.4.0版本为开发者提供了一种高效、直观的方式来控制网页的打印内容。通过标记需要打印的元素，我们可以精确地控制打印...

    jquery.validate.js jquery.metadata.js

    通过简单的API，开发者可以为表单元素添加验证规则，如： ```javascript $("#myForm").validate({ rules: { username: { required: true, minlength: 5 }, email: { required: true, email: true } }, ...

Magicbox
Global site tag (gtag.js) - Google Analytics