1.filter()和not()方法

filter()和not()是一对反方法，filter()是过滤.

filter()方法是针对元素自身。（跟has()方法有区别）

<script type="text/javascript" src="jquery-1.12.3.min.js"></script>

<script>

/*filter(): 过滤

not():filter的反义词
*/

$(function(){

	//$('div').filter('.box').css('background','red');   //将div中带有class=‘box’的div的背景色改成红色

	$('div').not('.box').css('background','red');       //将div中除带有class=‘box’的div的其他div设置背景色为红色
}); </script> 
</head> 
<body> 
<div class="box">div</div>
 <div>div2</div> 
</body> 
</html>

2.has()方法

has()方法表示的是包含的意思，它跟filter()方法是有区别的。has()方法有父子级关系。　

<script type="text/javascript" src="jquery-1.12.3.min.js"></script>

<script>

/*filter(): 过滤

not():filter的反义词

has():包含 */

$(function(){

	//$('div').has('span').css('background','red');  //只有包含span标签的div(父级)的背景色为红色

	$('div').has('.box').css('background','red');   //只有包含的标签的class值是box的div(父级)的背景色为红色

	});

</script>

</head>

<body>

<div> div

    <span class="box">

    span

    </span>

</div>

<div class="box">div2</div>

<div class="haha">div3</div>

</body>

</html>

3.next()、prev()、find()、eq()方法

next()、prev()方法就是寻找下一个兄弟节点和上一个兄弟节点。

find()方法：寻找　

eq():索引

<script type="text/javascript" src="jquery-1.12.3.min.js"></script>

<script>

/*next():下一个兄弟节点

prev():上一个兄弟节点

find():寻找

eq():索引

*/

$(function(){

	//$('div').find('h2').css('background','red');     //只会给div下的所有h2的背景色设置为红色

	$('div').find('h2').eq(0).css('background','red');   //给div下的第一个h2的背景设置为红色

	});

</script>

</head>

<body>

<div>

　　<h3>h3</h3>

    <h2>h2</h2>

    <h2>h2</h2>

    <h1>h1</h1>

</div>

<h2>haha</h2>   //不会变红

</body>

</html>

4.index()方法　

<script>

/*

index():索引就是当前元素在所有兄弟节点中的位置

*/

$(function(){

	alert($('#h').index());  //索引就是当前元素在所有兄弟节点中的位置

							//弹出是3

	});

</script>

</head>

<body>

<div>

	<h3>h3</h3>

    <h2>h2</h2>

    <h2>h2</h2>

    <h3 id="h">h3</h3>

    <h1>h1</h1>

</div>

<h2>haha</h2>

</body>

</html>

4.attr()方法　　

<script type="text/javascript" src="jquery-1.12.3.min.js"></script>

<script>

/*

attr():属性设置

*/

$(function(){

	alert($('div').attr('title'));  //获取属性title的值

	$('div').attr('title','456');   //设置title属性的值是456

	$('div').attr('class','box');   //给div设置class属性，值是box

	});

</script>

</head>

<body>

<div title="123">div</div>

</body>

</html>

　　

　

　

jQuery—一些常见方法（1）【filter(),not(),has(),next(),prev(),find(),eq(),index(),attr(),】的更多相关文章

  1. jQuery—一些常见方法（2）DOM操作【insertBefore(),insertAfter(),appendTo(),prependTo(),before(),after(),append(),prepend(),remove(),on(),off(),scrollTop()】

    一.insertBefore() 如下代码:找到span标签,将span标签剪切到div的前面 <!DOCTYPE html> <html lang="en"&g ...

  2. jQuery—一些常见方法（3）【width(),innerWidth(),outerWidth()】

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. JQuery常见方法

    <!DOCTYPE htmi> <html> <head> <meta charset="UTF-8"> <title> ...

  4. jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)

    在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下. [WebMethod] public static string SayHe ...

  5. VBS操作Excel常见方法

    VBS操作Excel常见方法 作者: 字体:[增加 减小] 类型:转载 时间:2009-11-13我要评论 VBS控制Excel常见方法,需要的朋友可以参考下. dim oExcel,oWb,oShe ...

  6. jquery的clone方法bug的修复

    最近发现jquery的clone的bug,textarea和select的jquery的clone方法有问题,textarea和select的值clone的时候会丢掉,在网上发现一个插件,下载地址如下 ...

  7. jquery的clone方法 于textarea和select的bug修复

    在使用jquery的clone方法时,textarea和select的值clone的时候会丢掉,这可能是这个方法的一个BUG.解决办法就是在clone的时候将val再重新赋值一下. 引入到你要用的cl ...

  8. jquery中Live方法不可用，Jquery中Live方法失效

    jquery中Live方法不可用,Jquery中Live方法失效 >>>>>>>>>>>>>>>>> ...

  9. jQuery中on()方法用法实例详解

    这篇文章主要介绍了jQuery中on()方法用法,实例分析了on()方法的功能及各种常见的使用技巧,并对比分析了与bind(),live(),delegate()等方法的区别,需要的朋友可以参考下 本 ...

随机推荐

  1. redo log write和flush

    http://bbs.chinaunix.net/thread-1753130-1-1.html 在事务提交时innobase会调用ha_innodb.cc 中的innobase_commit,而in ...

  2. CentOS下通过locale来设置字符集

    转载:http://www.centoscn.com/CentOS/config/2013/1013/1784.html 在Centos中通过locale来设置程序运行的不同语言环境,locale由A ...

  3. Android录音--AudioRecord、MediaRecorder

    Android提供了两个API用于实现录音功能:android.media.AudioRecord.android.media.MediaRecorder. 网上有很多谈论这两个类的资料.现在大致总结 ...

  4. Java中的Scoket编程

    网络编程是指编写运行在多个设备(计算机)的程序,这些设备都通过网络连接起来. java.net包中提供了两种常见的网络协议的支持: TCP: TCP是传输控制协议的缩写,它保障了两个应用程序之间的可靠 ...

  5. oracle的控制语句if和循环语句loop while for

    pl/sql的控制结构if-then if-then-else if-then-elsif-else 案例1:编写一个过程,可以输入一个雇员名,如果该雇员的工资低于2000,就给该雇员工资增加10% ...

  6. Linux安装Oracle 11G过程（测试未写完）

    一.简介 Oracle数据库在系统运维中的重要性不言而喻,通过熟悉Oracle的安装来加深对操作系统和数据库知识的了解.Linux安装Oracle前期修改linux内核参数很重要,其实就是linux下 ...

  7. Adobe Edge Animate –svg地图交互-精确的边缘及颜色置换

    Adobe Edge Animate –svg地图交互-精确的边缘及颜色置换 版权声明: 本文版权属于 北京联友天下科技发展有限公司. 转载的时候请注明版权和原文地址. 上一篇我们说到了使用jquer ...

  8. 修改ie版本的注册表webbroswer

    Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\Internet Exp ...

  9. ps扩大、缩小选区

    用"套索工具""魔棒工具"或者等工具将选区选出来,创建出一个需要处理的选区.   点击ps菜单栏中的"选择",在下拉菜单中选择"修 ...

  10. 安装SqlServer2008时相关问题

    在安装SqlServer2008时,安装程序支持规则,老提示重启计算机 1,运行 regedit 打开注册表编辑器. 2,依次展开HKEY_LOCAL_MACHINE\SYSTEM\CurrentCo ...