介绍JQuery的基础常用方法$()

介绍JQuery的基础常用方法$()

1. has()包含的意思
举例:第一个div包含了span,第二个没有包含
<div id="div1">
<span>1</span></br>
</div>
<div>111 </div>

执行代码发现 包含span的div的css样式改变了,这就是包含

2.filter()过滤,括号内有参数,可以看例子理解
<div id="div1">111</div>
<div id="div2">111</div>
说是过滤,也就是选中的意思吧

下面结果看出,除了ID为div1的div,我都给过滤掉了,只给我选中的div,它的css样式会改变

3.not()跟filter相反
<div id="div1">111</div>
<div id="div2">111</div>
把filter换成not会发现跟filter的结果相反

4.next()找出同级别下的下一个元素,看例子理解
现在写个DIV 级别相同
<div id="div1">111</div>
<div id="div2">222</div>
<div id="div3">333</div>
选中ID为DIV2的div,然后它的下一个同级别元素就是ID为DIV3的div

结果

5.prev()跟next相反,是找出同级别下的上一个元素
<div id="div1">111</div>
<div id="div2">222</div>
<div id="div3">333</div>

结果为

6.find()获得选中元素下匹配的后代,看例子理解
一个div中有好多h2和h3标签
<div>
<h2>h2</h2>
<h2>h2</h2>
<h2>h2</h2>
<h3>h3</h3>
<h2>h2</h2>
<h3>h3</h3>
</div>
我只选中h2

结果为

7.eq()跟数组的下标一样
<div>
<h2>h2</h2>
<h2>h2</h2>
<h2>h2</h2>
<h3>h3</h3>
<h2>h2</h2>
<h3>h3</h3>
</div>

选中h2坐标中的1位置 也就是第二个

结果为

8.index()索引值,就是当前元素在所有兄弟节点中的位置
我给h2加了一个ID
<div>
<h2>h2</h2>
<h2>h2</h2>
<h2 id="h">h2</h2>
<h3>h3</h3>
<h2>h2</h2>
<h3>h3</h3>
</div>
弹出这个ID元素在兄弟节点中的索引值

结果

9.attr()方法设置或返回被选元素的属性值。
<div id="div1" title="a"> </div>
弹出div的title值

结果为

补充!好多人用attr获取div宽度获取不到,还有div的value值,都是弹出undefined,那是因为attr只能获取标签属性,而不是css属性,如果你想获取css属性,你只能用css(’width’)而不是attr(’width’)

    朱乐然

原文地址:http://blog.51cto.com/xwxhvip/2061064

时间: 2024-11-11 12:12:56

介绍JQuery的基础常用方法$()的相关文章

jQuery之基础核心(demo)

jQuery之基础核心 作者的热门手记 jQuery之基础核心(demo) 本文主要简单的介绍下jQuery一些基础核心,大致了解jQuery使用模式.适用于有HTML.CSS.javascript基础,又刚刚接触jQuery的初学者.(如有错误,请指正)咱们从基础语法说起,基础语法是:$(selector).action() 美元符号$定义jQuery 选择符(selector)"查询"和"查找" HTML 元素 jQuery 的 action() 执行对元素的操

jQuery官方基础教程笔记(转载)

本文转载于阮一峰的博文,内容基础,结构清晰,是jquery入门不可多得的资料,非常好,赞一个. 阮一峰:jQuery官方基础教程笔记 jQuery是目前使用最广泛的javascript函数库. 据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库. 对于网页开发者来说,学会jQuery是必要的.因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果. 虽然jQuery上手简单,比其他

jquery学习基础(二)

今天继续学习jquery的基础.直接看栗子吧. jquery操作checkbox demoOne 这里我点击超链接的时候,使用alert将所有已经checked的checkbox的value值打印出来,先看下效果: 关键的html和jquery代码: <div> <a href="#">获得被选中的元素</a> <input type="checkbox" checked value="111">c

详细介绍jQuery淡入淡出元素的方法

转载请注明出处:http://www.uphtm.com/js/147.html 为了达到更为生动的效果,可以把一个元素淡出或淡入,在任何一种情况下,都只是随着时间来改变元素的透明度.jQuery提供了3个和淡入淡出相关的函数: ·fadeIn()使得一个隐藏的元素淡入视野.首先,元素占据的空间出现在页面上(这可能意味着页面上的其他元素要移走):然后,元素逐渐地变得可见.如果元素在页面上已经可见,则这个函数没有任何效果.如果没有提供一个速度值,元素使用“常规”设置来淡入(400毫秒). ·fad

jQuery Mobile基础

1.安装 在<head></head>标签里边写入以下内容 jQuery Mobile CDN: 1 <head> 2 <meta charset="utf-8"> 3 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> 4 <script sr

Jquery的基础知识介绍

1.2.目的通过学习本文档,能够对jQuery有一个简单的认识了解,清楚JQuery与其他JS框架的不同,掌握jQuery的常用语法.使用技巧及注意事项. 二.使用方法在需要使用JQuery的页面中引入JQuery的js文件即可.例如:<script type="text/javascript" src="js/jquery.js"></script>引入之后便可在页面的任意地方使用jQuery提供的语法. 三.学习教程及参考资料请参照<

jQuery语法基础&amp;选择器

通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions). jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素. $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素. $("p").hide() 演示 jQuery hide() 函数,隐藏所有 <

jquery正则表达式基础辅助式理解

1.什么是正则表达式? 根据百度百科的说法,正则表达式使用单个字符串来描述,匹配一些列符合某个语法规则的字符串,在很多文本编辑器里,正则表达式通常被用来检索.替换那些符合某个模式的文本. 其实嘛,正则表达式就是一个自定义的语法规范而已,就如我们卖书一样,卖什么书卖给谁是由我们决定的.如:我们定义卖历史书籍,并且规定只卖给年满14周岁的人,那么这个时候这个书具体的售卖方式就是由我们决定的.正则在程序中也很类似,做个比方,我们可以将java中的String当做就是一个正则表达式,它同样规定了语法,存

4)jQuery的基础部分和js的部分

1:js: 包含三部分: ESMAScript:基础语法 Array() 索引 .length.push().pop() DOM: 获取DOM的三种方式: (1)Id (2)Class (3)标签获取 TayName BOM: 入口函数: 等待这文档, <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Titl