<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>
分享到：
相关推荐
将这些常用或实用的代码片段整理在一起可以大大提高开发效率。以下是一些Android开发中的关键知识点，它们涵盖了获取系统信息、处理ListView点击事件以及获取应用相关数据等方面。 1. **获取系统版本号**： 通过`...
根据给定的文件信息，以下是对15个Android有用代码片段的部分知识点的详细解析： ### 1. 检查SD卡是否插入 在Android应用中，检查设备上是否有SD卡插入是常见的需求，特别是在需要读写外部存储的场景下。代码片段...
"Misc:一个存储有用代码片段的地方" 提供了一个集合，包含了一系列JavaScript相关的实用代码片段。这个资源库可能包含了各种JavaScript编程技巧、函数、类、算法以及其他有助于提升开发效率和解决问题的代码。 首先...
根据提供的文件信息，我们可以归纳出一系列与Android开发相关的有用代码片段及知识点。下面将对这些代码片段进行详细的解析和说明。 ### SD卡状态检测 **代码片段：** ```java String status = Environment....
《流星的有用代码片段——JavaScript技术监视与竞争情报支持系统》 在当今的Web开发领域，JavaScript作为一种强大的脚本语言，已经成为了构建交互式前端应用的首选工具。"meteor-snippets"项目，正如其名，提供了...
【标题】"BlogSamples: 存放各种有用代码片段的地方" 这个标题暗示了这是一个集合了各种编程代码片段的资源库，特别关注于 C# 语言。"BlogSamples" 暗示这些代码可能是为了在博客文章中展示特定的编程概念、技巧或...
《C#代码片段编译器：轻量级的编程利器》 在计算机编程的世界里，高效、便捷的工具是开发者的重要伙伴。今天我们要探讨的是名为"C#代码片段编译器"的一款小型集成开发环境（IDE），它如同便携版的Visual Studio，为...
在JavaScript开发中，自定义代码片段尤其有用，因为JavaScript有许多常见的模式和函数，如Promise处理、异步操作等，都可以通过代码片段来简化输入。例如，你可以创建一个用于async/await的代码片段，减少手动输入的...
hybris-snipets 我发现有趣的有用代码片段的集合，我喜欢分享它们
### Android编程14个很有用的代码片段详解 #### 1. 检查是否有存储卡插入 在Android开发过程中，经常会遇到需要读写外部存储的情况。为了确保应用能够正常运行，开发者首先需要检查设备是否插有SD卡。下面的代码...
在深入探讨这15个Android编程中有用的代码片段之前，我们先理解这些代码片段的主要功能和应用场景。这些代码片段涵盖了从检查外部存储状态、设置透明主题、操作UI元素到发送MMS、处理文件共享、注册广播接收器以及...
### VS C# 代码片段详解 #### 一、Attribute自动生成属性 在C#中，`attribute`关键字用于定义元数据或对程序元素（如类、方法等）进行标记。这里提到的“自动生成属性”可能是指通过某种方式快速生成包含`...
20个Android很有用的代码片段.doc
从给定的文件信息中，我们可以提炼出一系列关于jQuery的重要知识点，这50个代码片段不仅展示了jQuery的强大功能，还提供了实用的编程技巧，适用于各种JavaScript项目。以下是对部分代码片段的详细解释： ### 1. ...
这在你需要快速记录某个代码片段时特别有用。 3. **代码编辑**：内置的代码编辑器支持多种编程语言的语法高亮，使得查看和编辑代码更加清晰。同时，它还提供了一些基本的代码编辑功能，如查找替换、代码折叠等。 4...
这个代码片段可以适用于不同类型的文件下载。 以上代码片段通过实际应用案例，说明了PHP在解决特定编程问题上的灵活性和便捷性。学习和收藏这些实用的PHP代码片段，可以在开发中快速应用，不仅提高开发效率，还能...
根据给定的文件信息，以下是对15个Android很有用的代码片段的详细解析与扩展，旨在深入理解每个代码片段背后的原理与应用： ### 1. 检查是否有存储卡插入 ```java String status = Environment....
它有一堆有用的代码片段，可满足您的所有编码需求！ 如果当前不在这里，但是您经常使用，请随时提交问题！ 我很乐意添加！ Bijou的目标是消除从StackOverflow，另一个项目或其他任何地方复制粘贴相同内容的需要！ ...
string_import.py示例显示来自字符串的导入模块 classtools.py分类的实用程序和工具 formats.py各种专门的字符串显示格式化工具。 mydir.py一个列出其他模块命名空间的模块 mymap.py实现地图的不同方式 ...