
jquery中获取当前元素的索引,用index(this) 方法:
举例:
$("li")hover(function(){
alert($("li")index(this)); //打印当前li的位置
});
1、打开html开发工具,新建一个html代码页面。
2、在html页面创建三个p标签,给这三个p标签设置不同的内容。
3、引入jquery库。在title标签后面引用下载好的jqueryjs文件。
4、 在jquery引用库标签后面新建一个script标签,在这个标签里面添加一个DOM加载完成后执行函数。
5、在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象。
6、保存html代码后使用浏览器打开,点击p标签d出框就会显示当前点击标签的上一个标签的内容。
一般而言,JQuery可以利用attr来获取元素的属性值,
1、$("元素")attr("属性"); //获取指定属性的值
2、$("元素")attr("属性","属性值");//设置属性值
3、$("元素")removeAttr("属性"); //移除指定属性
不过在16中加入了prop,用法同attr相同。只是将上面中attr替换成prop即可,不过在获取checked等属性时,将会返回标准属性true/false,不会和之前的attr一样,返回checked或者“”。
而JQuery中获取类名的属性为class亦可以为className,因为在HTML DOM中没有class属性,而是className属性。在JQuery中,有对className作出关键字的转换。
扩展资料:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
参考资料:
1、创建一个名称为css的html文件。
2、在页面中加入一个button按钮,当点击button的时候出发click事件。
3、在加入一个div设置宽和高还有背景色,当button的click事件中用css方法修改该div背景色。
4、文件引入jquery 库。
5、在文档准备方法中加入click点击事件。
6、在click事件中加入css方法设置div的背景色。
7、在浏览器中运行该文件。并点击button设置div的背景色。
一、如果是同级(兄弟元素)的,如:
<ul><li class='a'></li><li class='a'></li></ul>可以
$("a")click(function(){
var a=$(this)index;
//或者
var a=$('a')index(this);
}
二、而对于不同级(非兄弟元素),如:
<div class='a'></div>
<div><div class='a'></div></div>
则只能这样
$("a")click(function(){
var a=$('a')index(this);
}
扩展资料:
注意事项
jQuery 拥有若干进行 CSS *** 作的方法。
1、addClass() - 向被选元素添加一个或多个类
2、removeClass() - 从被选元素删除一个或多个类
3、toggleClass() - 对被选元素进行添加/删除类的切换 *** 作
4、css() - 设置或返回样式属性
例如:
important
{
font-weight:bold;
font-size:xx-large;
}
blue
{
color:blue;
}
向不同的元素添加 class 属性。当然,在添加类时,也可以选取多个元素:
实例:
$("button")click(function(){
$("h1,h2,p")addClass("blue");
$("div")addClass("important");
});
如果你对jq有基础的话,那么思路:
1点击id为btn按钮
2获取id为source元素的链接href地址
3跳转
代码演示:
<!DOCTYPE HTML><html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src=">
jq中有一个index()事件是获取当前位置的,具体用法如下: $("class")click(function(){ alert($(this)index());})//这个d出的就是点击的class是第几个
以上就是关于jquery live或者on 这些写法,怎么获取当前点击元素的val()值全部的内容,包括:jquery live或者on 这些写法,怎么获取当前点击元素的val()值、jQuery怎么获取当前li元素顺序、jquery获取当前元素的classname等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)