想找份用jsp做网站的web2.0的公司，谁能帮我啊，QQ:64738479，可以联系我。
<html>
<head>
<meta http-equiv="Content-Language" content="en" />
<meta name="GENERATOR" content="Zend Studio" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery test</title>
</head>
<style>
.lastp{border:2px solid $red;}
.firstp{color:red;}
.hignlight{background:gray;}
.dd{width:20px;height:20px;border:2px solid}
</style>
note： jequery api 函数区分大小写
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("div.d1").fadeOut("slow");
$("p").filter(".ppp");
$("img.img1").attr(//为之指定元素（组）添加指定属性(名值对方式)
{src:"http://docs.jquery.com/images/hat.gif",title:"http://docs.jquery.com/images/hat.gif",
alt:"jquery logo"}
)
var alt = $("img").attr("alt");//获取指定元素(组)第一个元素的alt属性值
// alert(alt);
$("img").attr('src','http://www.sinaimg.cn/home/07index/sinahome_ws_009.gif');//为之指定元素（组）添加指定属性(名值对方式)
$("img").attr("title",function(){//指定元素的属性值用一个函数返回的结果代替
return this.src;
})
$("img").removeAttr("title");//移除指定元素属性值
$("p:last").addClass("lastp");//addclss 为指定元素添加class p：last 为最后一个p元素
$("p:first").addClass('firstp');
$("p:last").removeClass();//移除指定元素class
$("p").toggleClass("highlight");//为指定元素
$("p").toggle(function(){//toggle() 为指定元素按click轮换执行两个函数
$(this).addClass("hignlight");
},function(){
$(this).removeClass('hignlight')
})
$("p").click(function(){//html()为指定元素追加内容
var html = $("p").text();
$("p").html(html);
})
// $("div").eq(1).addClass("hignlight");//div 按索引添加类
// $("div").text($("img").attr("title"));//为指定元素标签设置内容text（）用法
var text = $("div").text();//获取所有div标签元素内容
var text = $("div.d1").text();//获取指定class为d1的div标签元素内容
//
// $("p > a").hide();//隐藏p元素内的链接
$("p[a]").hide();//隐藏p元素内的链接
$("p:eq(0]").hide();
// $("div:visible").hide();//隐藏所有可见div
// alert(text);
$("p:lt(5)").css('border','2px solid')//:lt(n) 索引小于n的元素
$("p:gt(2)").css('border','7px solid green')//:gt(n) 索引大于n的元素
$("p:parent").css('background','red');
$("div:contains('tt')").hide();//隐藏所有text包行tt的div元素
$("div:contains('ccc')").css('border','3px dotted');//添加calss为所有text包行ccc的div元素
$("input:text").css('border','2px solid');//input元素下text类添加class
$("input:text",'myform').css('border','3px solid');
$("input[@type]")//属性含type的所有input元素
$("input[@type=text]").val("change input type text1");//属性为type属性值为text的所有input元素
$("input[@type=radio]").val("change input type text1");//属性为type属性值为radio的所有input元素
$("img[@src*=sina]").css('border','4px solid');//获取src属性中包含 gif 字符的img元素的所有元素
$("img[@src^=http]").css('color','red');//获取src属性中包口 http 字符开始img元素的所有元素
$("img[@src$=gif]").css('background','green');//获取src属性中 gif 结束字符的img元素的所有元素
})
</script>
<body bgcolor="#FFFFFF" text="#000000" link="#FF9966" vlink="#FF9966" alink="#FFCC99">
<div class="d1" style="height:200px;display:block;background:#cccccc"><span>aa</span>nn</div>
<p class="ppp">dsafasdaf</p>
<p>aaaaaaaa</p>
<Img class="img1" src="#"></img><Img src="#"></img><Img src="#"></img>
<div class="dd">aaa</div>
<div>bbbtt</div>
<div>ccc</div>
<p> <a href="#">aa</a></p>
<p> <a href="#">aa</a></p>
<p> <a href="#">aa</a></p>
<form name="myform">
input type text1:<input type="text" name="t1" value="this is input type is text1"><br />
input type text2:<input type="text" name="t2" value="this is input type is text2"><br />
input type radio1:<input type="radio" name="r1" value="this is input type is radio1">
</form>
<div>tt</div>
<div>aabb</div>
<div>tcccabcv</div>
</body>
</html>
分享到：
- 2008-01-16 16:52
- 浏览 2229
- 评论(1)
- 论坛回复 / 浏览 (1 / 16517)
- 查看更多
![http://docs.jquery.com/images/hat.gif",title:"http://docs.jquery.com/images/hat.gif](http://docs.jquery.com/images/hat.gif",title:"http://docs.jquery.com/images/hat.gif){kind=link}
相关推荐
### jQuery选择器学习笔记 #### 一、引言 jQuery 是一个快速、小巧且功能丰富的库，极大地简化了 JavaScript 编程。其中的核心之一就是它的选择器系统，它基于 CSS 选择器，并提供了更多的灵活性和功能。本篇笔记...
在本笔记中，我们将学习Jquery-1.2的基本用法，包括如何将Jquery库文件引入到项目中、如何使用Jquery选择器来获取节点对象、如何使用Jquery来实现Ajax异步交互。 二、Jquery选择器 Jquery选择器是Jquery框架中最...
jQuery选择器 jQuery的核心在于其强大的选择器系统，它极大地简化了对HTML元素的选取。基于CSS选择器，jQuery提供了以下几种选择器： - ID选择器：`$("#elementID")` 用于选取具有特定ID的元素。 - 类选择器：`....
**jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库，它简化了网页文档对象模型（DOM）操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念，包括选择器、常用方法以及在...
本学习笔记将聚焦于jQuery的核心功能之一：常规选择器。通过理解并熟练运用这些选择器，你可以更加高效地定位和操纵网页中的元素，提升开发效率。 1. 元素选择器： jQuery的元素选择器允许我们根据HTML标签名来...
在深入探讨jQuery选择器之前，我们首先需要理解jQuery是什么。jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互。它的核心特性之一就是强大的选择器系统，使得开发者...
### 1.1 jQuery选择器 jQuery的选择器类似于CSS，用于选取页面上的HTML元素。如`$("#id")`选取ID为"id"的元素，`$(".class")`选取所有class为"class"的元素，`$("tag")`选取所有tag类型的元素。jQuery还支持更复杂...
学习jQuery，你需要掌握选择器（如ID选择器、类选择器、属性选择器等）、DOM操作（添加、删除、修改元素）、事件处理和动画效果。此外，jQuery对Ajax的支持使得前后端交互更为简单，理解AJAX的基本原理和jQuery封装...
通过jQuery选择器，你可以轻松地找到页面上的元素，并进行添加、删除或修改。"韩顺平AJAX和jQuery笔记整理.doc"可能详细介绍了$(selector).html(), $(selector).append(), $(selector).remove()等方法的用法，以及...
JQuery的选择器系统强大且灵活，包括基本选择器（如`:first`, `:last`）、过滤选择器（`:not`, `:even`, `:odd`, `:eq`, `:gt`, `:lt`）和属性过滤选择器（如`[id]`, `[title=test]`）。此外，还有专门针对表单元素...
【jQuery选择器】 jQuery的选择器分为四类： 1. **基本选择器**：`$(‘#idname’)`, `$(‘.classname’)`, `$(‘p’)`, `$(‘*’)`, 组选择器如`$(‘#idname,.classname,divname,divname.classname p’)` 2. **层次...
### JQuery自学学习笔记 #### 一、JQuery简介与基本语法 JQuery 是一款轻量级的 JavaScript 库，极大地简化了 HTML 元素的选择、操作以及事件处理等任务。它提供了一种更加简单的方式来进行网页开发，使得开发者...
1. **选择器**：jQuery提供了一种简洁的方式来选择和操作DOM元素，如$("#id")选择ID为id的元素，$(".class")选择所有class为class的元素。 2. **链式操作**：jQuery对象支持链式调用，允许你在一行代码中执行多个...
CHM文件是一种常见的帮助文档格式，用户可以通过这个文件快速查找并理解jQuery的各种方法、选择器和插件。 `javascript.zip`和`javascript的函数.zip`可能分别包含JavaScript的通用教程和关于函数的专门讨论。...
**jQuery学习笔记分享** 在Web开发中，jQuery是一个非常重要的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。本文将深入探讨jQuery的基本概念、核心功能以及常见用法。 ### 第1章：...
1. **选择器**：jQuery提供了丰富的选择器，如ID选择器、类选择器、属性选择器等，使你能够高效地选取DOM元素。 2. **DOM操作**：jQuery提供了便利的方法，如`$(selector).html()`, `$(selector).append()`等，用于...
### jQuery-1.3.2 学习笔记 #### 一、概述 jQuery 是一个快速、简洁的 JavaScript 库，使用户能更方便地处理 HTML 文档、选择 DOM 元素、制作动画效果，并为应用程序添加 AJAX 交互。版本 1.3.2 在 2009 年 2 月...
jQuery选择器 jQuery的选择器基于CSS，能够方便地选取页面中的元素。例如，`$("#id")`用于选取ID为指定值的元素，`$(".class")`则选取具有特定类名的元素。此外，还可以使用`$("tag")`来选取特定类型的元素，或者...
2. 选择器：jQuery支持CSS选择器，如类选择器(".myClass")、ID选择器("#myID")和属性选择器("[attr=value]")。同时，jQuery还提供了更高级的选择器，如`:first`、`:last`、`:even`等。 3. 链式调用：jQuery对象的...
### jQuery验证框架学习笔记知识点概览 #### 一、引言 jQuery 验证框架是基于 jQuery 开发的一个用于前端表单验证的强大插件。它提供了丰富的验证规则和灵活的配置选项，使得开发者能够轻松地实现对用户输入数据的...