JQueryli选中,Jquery选择器

搜索列表中有多个ul,每个ul中的li选中后高亮显示,请问用jQuery怎么写?

线 LINE L

成都创新互联专注于宁德企业网站建设,响应式网站设计,成都商城网站开发。宁德网站建设公司,为宁德等地区提供建站服务。全流程按需策划,专业设计,全程项目跟踪,成都创新互联专业和态度为您提供的服务

C, *CIRCLE(圆)

T, *MTEXT(多行文本)

CO, *COPY(复制)

MI, *MIRROR(镜像)

AR, *ARRAY(阵列)

O, *OFFSET(偏移)

RO, *ROTATE(旋转)

M, *MOVE(移动)

E, DEL键 *ERASE(删除)

X, *EXPLODE(分解)

TR, *TRIM(修剪)

EX, *EXTEND(延伸)

jquery选择除了它本身之外的li

$(document).ready(function(){

$('.myli').click(function(){

$('.myli').attr('class','oldliclass'); //旧的样式

$(this).attr('class','newliclass');  //新的样式

});

});

//提醒:这个不一定是连续点的,可能是 点1 后又点击5了

jquery选择li中data-id为1的元素

jquery选择li中data-id为1的元素是:

$("li[data-id='1']")。

网页链接

jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。

jquery 中点击里的文本使radio被选中,但是重复点击后事件不触发

你好!!

$('.ss').click(function(){

var    $radio = $(this).find("input[type=radio]"),

$flag  = $radio.is(":checked");

if( !$flag ){

$radio.prop("checked",true);   

}

});

jquery中如何加UL下lI的背景图,选中时去除背景图

添加 li 的背景图可用如下css样式

li{background:url('bg.png');}  // 设置li元素的背景图为当前目录下的bg.png

li{background:nome;}           // 取消背景图

所以实现上述要求可以采用如下思路:为取消背景图样式设定一个class,点击li元素时为其应用此样式。

实例演示如下:

创建Html元素

div class="box"

span演示点击li去除背景样式:/spanbr

div class="content"

lilist-item-1/li

lilist-item-2/li

lilist-item-3/li

lilist-item-4/li

/div

/div

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

div.box span{color:#999;font-style:italic;}

div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

li{margin:10px 0;padding:10px 0;background:url('bg1.png')}

.selected{background:none;}

编写jquery代码

$(function(){

$("li").click(function() {

$(this).addClass('selected').siblings('li').removeClass('selected');

});

})

观察效果

初始样式

点击第二个li的效果

接着点击第四个li的效果

Jquery中的$("li",this)

勇气 和 sd1132632 都正确。

this指代当前对象或事件发生者的 dom元素。

$('li',this)指从指代的dom对象中选li


新闻标题:JQueryli选中,Jquery选择器
文章源于:http://bzwzjz.com/article/hoeeeh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 温江网站设计 成都网站设计 成都网站制作 重庆手机网站建设 成都商城网站建设 网站建设费用 网站制作 成都网站建设公司 网站建设改版 高端定制网站设计 成都模版网站建设 手机网站设计 成都网站建设公司 网站制作公司 重庆网站制作 外贸网站建设 阿坝网站设计 成都网站建设 成都商城网站建设 网站设计 企业网站设计 网站建设方案