<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.high{
font-weight:bold;
color:red
}
.another{
font-style:italic;
color:green
}
</style>
<script type="text/javascript" src="jquery-1.4.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input:eq(0)").click(function(){
//为所有匹配的元素设置一个属性值。
//addClass为每个匹配的元素添加指定的类名。
$("p").attr("class","high");
});
$("input:eq(1)").click(function(){
$("p").toggleClass("another");
});
$("input:eq(2)").click(function(){
alert($("p").html());
});
});
================================================
$(document).ready(function(){
$("#username").focus(function(){
//设置每一个匹配元素的值。
var value =$(this).val();
//if(value=="username")
if(value==this.defaultValue)
{
$(this).val("");
}
});
$("#username").blur(function(){
var value=$(this).val();
if(value=="")
{
//$(this).val("username");
$(this).val(this.defaultValue);
}
});
});
</script>
分享到：
相关推荐
在 jQuery 中，属性选择器是用于根据元素的特定属性来选取元素的重要工具。本文将深入探讨如何利用属性选择器来提高你的前端开发效率。** ### 一、属性选择器的基本语法 jQuery 提供了多种属性选择器，每种都有其...
在深入探讨jQuery的样式操作和属性操作之前，我们先来理解一下jQuery是什么。jQuery是一个高效、简洁且功能丰富的JavaScript库，它极大地简化了JavaScript代码的编写，特别是在处理DOM（Document Object Model）操作...
jQuery第3天知识点：jQuery 属性操作、jQuery三组基本动画、自定义动画animate.zip
综上所述，jQuery属性选择器是实现基于属性选择元素的高效方法，它使我们能够进行精确的DOM操作，并且可以灵活地结合各种选择器实现复杂的元素选择需求。通过本文的实例，相信读者已经对jQuery属性选择器有了较深入...
### jQuery属性操作 #### 1. 读取属性 jQuery提供`.prop()`方法用于获取或设置元素的属性值。例如，要获取`<img>`标签的`src`属性，我们可以使用以下代码： ```javascript var $src = $('#img1').prop('src'); ``...
本文将深入探讨jQuery中的属性操作，帮助你更好地理解和利用这个强大的工具来提升网页开发效率。 首先，我们需要理解jQuery的核心概念——选择器。jQuery的选择器基于CSS，使得我们能够轻松地选取页面上的元素。...
jQuery 属性选择器是 jQuery 选择器的一种，用于根据元素的特定属性来选取 HTML 元素。这在处理页面上的动态内容或者需要针对特定属性执行操作时非常有用。以下是对属性选择器的详细说明： 1. **基础用法**： - `...
一个针对jQuery属性选择器的小例子,增加对jQUery属性选择器的理解: 代码如下: <!doctype html> <html lang=”en”> <head> <meta charset=”utf-8″> [removed][removed] <style type=”...
本文将深入解析jQuery属性选择器的用法，并通过实例进行详细说明。 首先，属性选择器的基本语法是`$("[attribute]")`，用于选取具有指定属性的元素。例如，要选取所有`<input>`类型的文本框，可以使用`$("input...
首先，`element[attribute*='value']`是jQuery中的一种属性选择器，它用于选取具有指定属性，并且该属性的值包含给定子字符串的所有元素。例如，如果你有多个链接`<a>`，并且其中某些链接的`href`属性值包含了字符串...
本文将介绍一些常用的jQuery属性和方法，并通过实例说明其用法。 首先，让我们来了解jQuery的概念。jQuery是由美国人John Resig开发的，随后吸引了大量JavaScript开发者的加入。作为JavaScript的一个封装库，jQuery...
一个简单的插件，扩展类似于 *Class 函数的 jQuery 属性修改。 由为满足简单的可重用开发流程的需要而。 如何使用 attrExtend 移植了 jQuery 原生 *Class 函数的相同功能。 此扩展的大部分内容都是可链接的。 应用...
jQuery 属性过滤选择器是 jQuery 选择器的一种，它允许我们根据 HTML 元素的特定属性来筛选和操作元素。在 JavaScript 中，DOM 操作往往需要遍历整个文档，而 jQuery 的选择器则大大简化了这个过程，提高了性能。本...
**jQuery属性** jQuery可以方便地获取和修改元素属性。例如，`$("#element").attr("attribute", "value")`用于设置属性，`$("#element").removeAttr("attribute")`则删除属性。 **文档处理** jQuery的`$(document...
《jQuery属性节点训练——“狂拍灰太狼”实践教程》 在JavaScript的世界里，jQuery以其简洁、易用的API，成为了许多Web开发者首选的库。对于初学者来说，掌握jQuery的基本操作，尤其是属性节点的处理，是学习过程中...
jQuery 属性 jQuery 属性 方法 描述 context 在版本 1.10 中被废弃。包含被传递到 jQuery 的原始上下文 jquery 包含 jQuery 的版本号 jQuery.fx.interval 改变以毫秒计的动画运行速率 jQuery.fx.off 对...
使用jQuery属性过滤选择器 使用jQuery子元素过滤选择器 使用jQuery表单对象属性过滤选择器 使用jQuery表单过滤选择器 第3章 DOM树状文档 获取元素的属性 设置元素的属性 设置元素的属性 获取或设置元素的...
Jquery中dialog属性的小计,详细介绍dialog的使用
2. **jQuery属性与样式** - **属性操作**: `$(element).attr("attribute", value)`用于设置属性值，`$(element).removeAttr("attribute")`移除属性。 - **样式修改**: `$(element).css("property", "value")`改变...