软件开发培训班 >> 编程开发 >> JavaScript

Jquery find与filter函数区别说明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>Document</title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> 
<script> 
$(function(){ 
$(#btn1).click(function(){ 
alert($(div).find(.test).html()); 
}); 
$(#btn2).click(function(){ 
alert($(div).filter(.test).html()); 
}); 
$(#btn3).click(function(){ 
alert($(div).filter(.last).html()); 
}); 
$(#btn4).click(function(){ 
alert($(div).filter(.first,.last).html()); 
}); 
}); 
</script> 
</head> 
<body> 
<input type="button" value="test-find" id="btn1" /> 
<input type="button" value="test-filter" id="btn2" /> 
<input type="button" value="test-filter" id="btn3" /> 
<input type="button" value="test-filter" id="btn4" /> 
<div class="first">first content<span class="test">test content</span></div> 
<div class="last">last<span class="test">last test content</span></div> 
<div class="last">last<span>last no test content</span></div> 
</body> 
</html>

技术文章快速查找

jquery1.4 教程二 ajax方法的改进

动态调用CSS文件的JS代码

JQUERY设置IFRAME的SRC值的代码

分享一个自定义的console类让你不再纠结JS中的调试代码的兼容

一个很简单的无限分类树实现代码

parseInt parseFloat js字符串转换数字

jquery mobile动态添加元素之后不能正确渲染解决方法说明

基于JQuery实现CheckBox全选全不选

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建

软件开发培训班 >> 编程开发 >> JavaScript

Jquery find与filter函数区别 说明

Jquery find与filter函数区别说明