jQuery判断当前点击的是第几个li的代码_jquery

使用$(this).index()取得li的下标,下面是一个样式替换的例子:

$("#aa li").click(function(){
$("#aa li").removeClass("class名字,多个class用空格分开");
$(this).addClass("class名字,多个class用空格分开");
if($(this).index()!=0){
$("#submenu").hide();
}else{
$("#submenu").show();
}
})

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索li
点击
jquery点击li切换div、jquery ul li点击事件、jquery li点击事件、jquery ul li点击变色、jquery判断li是否选中,以便于您获取更多的相关知识。

时间: 2024-05-22 01:31:19

jQuery判断当前点击的是第几个li的代码_jquery的相关文章

jQuery判断当前点击的是第几个li的代码

 使用$(this).index()取得li的下标,下面是一个样式替换的例子: 1 2 3 4 5 6 7 8 9 $("#aa li").click(function(){ $("#aa li").removeClass("class名字,多个class用空格分开"); $(this).addClass("class名字,多个class用空格分开"); if($(this).index()!=0){ $("#sub

jQuery获取当前点击的对象元素(实现代码)_jquery

jQuery获取当前点击的对象元素(实现代码) <script type="text/javascript" src="script/jquery-1.8.3.js"></script> </head> <body> <p>段落1</p> <p>段落2</p> <p>段落3</p> <p>段落4</p> <p>段

php+jquery+html实现点击不刷新加载更多的实例代码_php实例

基本原理:页面载入时,jQuery向后台请求数据,PHP通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有个"更多"链接,通过触发该链接,向服务端发送Ajax请求,后台PHP程序得到请求参数,并作出相应,获取数据库相应的记录并以JSON的形式返回给前台页面,前台页面jQuery解析JSON数据,并将数据追加到列表页.其实就是Ajax分页效果. HTML 首先要引入jquery库和jquery.more.js插件,jquery.more.js已经将许多功能都封装好了,并提供了参

jquery实现表格中点击相应行变色功能效果【实例代码】_jquery

对于一个表格,为了使我们选中的项更容易区分,需要为选中项添加高亮,同时也需要,将其他项的高亮形式去除.类似于: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <link href=&

php+jquery+html实现点击不刷新加载更多的实例代码

基本原理:页面载入时,jQuery向后台请求数据,PHP通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有个"更多"链接,通过触发该链接,向服务端发送Ajax请求,后台PHP程序得到请求参数,并作出相应,获取数据库相应的记录并以JSON的形式返回给前台页面,前台页面jQuery解析JSON数据,并将数据追加到列表页.其实就是Ajax分页效果. HTML 首先要引入jquery库和jquery.more.js插件,jquery.more.js已经将许多功能都封装好了,并提供了参

jquery获取当前点击对象的value方法

 这篇文章主要介绍了jquery如何获取当前点击对象的value,需要的朋友可以参考下 例:获取ul中li的value值    首先,在html中我们要为每个li设置value值   代码如下: <ul>  <li value="你好"></li>  <li value="hello"></li>  <li value="=-="></li>  </ul&g

JQuery判断checkbox是否选中及其它复选框操作方法合集_jquery

一.jquery判断checkbox是否选中及改变checkbox状态 jquery判断checked的三种方法: 复制代码 代码如下: .attr('checked):   //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false .prop('checked'): //16+:true/false .is(':checked'):    //所有版本:true/false//别忘记冒号哦 jquery赋值check

JQuery点击事件回到页面顶部效果的实现代码_jquery

JQuery点击事件回到页面顶部效果的实现代码 //2个div,点击某个时回到顶部 <div style="height:1000px">111111111111111</div> <div id="top" >top</div> <引用JQuery> <script type="text/javascript"> $(function(){ $("#top&quo

jQuery实现带有上下控制按钮的简单多行滚屏效果代码_jquery

本文实例讲述了jQuery实现带有上下控制按钮的简单多行滚屏效果代码.分享给大家供大家参考.具体如下: 这里使用了jQuery插件来实现最简单的多行文字滚屏效果,还带有上下滚动控制按钮,卷动速度,数值越大,速度越慢(毫秒),滚动的时间间隔是(毫秒),每次滚动的行数,默认为一屏,即父容器高度-- 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-up-down-scroll-src-style-codes/ 具体代码如下: <!DOCT