jQuery的选择器

对jquery中的选择器做个总结和自己的理解,(注释中是自己的理解)

//基本选择器:
//1,通过id查找
$("#myDiv");
//2,通过标签名查找
$("div");
//3,通过class名查找
$(".myClass");
//4,找到每一个元素
$("*");
//5,群组选择
$("div,sapn,p.myClass");

//层级选择:
//1,给定一个祖先,找他的所有指定的后代元素
$("from input");
//2,给定一个父元素,找他的指定的子元素
$("form > input");
//3,匹配所有跟在label后边的input元素
$("label + input");
//4,找到所有与form同辈的input元素
$("form ~ input");

//基本:
//1,获取匹配的第一个元素
$('li:first');
//2,获取匹配的最后一个元素
$('li:last');
//3,查找除了默认选中之外的input
$("input:not(:checked)");
//4,匹配下标为偶数的元素,注意从0开始
$("li:even");
//5,匹配下标为奇数的元素,注意从0开始
$("li:odd");
//6,匹配一个给定下标的元素,注意从0开始
$("li:eq(1)");
//7,匹配所有>给定下标的元素,从0开始
$("li:gt(0)");
//8,匹配所有<给定下标的元素,从0开始
$("li:lt(1)");
//9,匹配如h1,h2,h3...之类的标题元素
$(":header");

//内容:
//1,匹配包含给定文本join的div元素
$("div:contains('join')");
//2,匹配没有儿子或没有文本内容的空的td元素
$("td:empty");
//3,匹配包含p这个儿子的所有div元素
$("div:has(p)");
//4,找所有有子元素或者有文本内容的td元素
$("td:parent");

//可见性:
//1,找所有display:none隐藏的tr元素 或者type为hidden的input
$("tr:hidden"); $("input:hidden");
//2,找所有可见的tr元素,就是没有设置display:none的tr
$("tr:bisible");

//属性:
//1,查找所有含有id属性的div元素
$("div[id]");
//2,匹配所有给定的属性name的值是某个特定的值newsletter的input元素
$("input[name='newsletter']");
//3,匹配所有给定的属性name的值不是某个特定的值newsletter的input元素
$("input[name!='newsletter']");
//4,匹配所有给定的属性name的值是以某些特定的值news开头的input元素
$("input[name^='news']");
//5,匹配所有给定的属性name的值是以某些特定的值letter结尾的input元素
$("input[name$='letter']");
//6,匹配所有给定的属性name的值包含某些特定的值man在内的input元素
$("input[name*='man']");
//7,复合的属性选择,需要满足以上的多个条件(有id这个属性,且name属性是以man结尾的input元素)
$("input[id] [name$='man']");


//子元素
//1,匹配所有的父元素ul下的第2个子li元素 从1开始
$("ul li:nth-child(2)");
//2,匹配所有的父元素ul下的第一个li元素 
$("ul li:first-child");
//3,匹配所有父元素ul下的最后一个li元素
$("ul li:last-child");
//4,在ul里找是独子的li元素
$("ul li:only-child");


//表单:
//1,匹配所有的input元素
$(":input");
//2,匹配所有的type属性为text的input元素
$(":text");
//3,匹配所有的type属性为password的input元素
$(":password");
//4,匹配所有type属性为radio的input元素
$(":radio");
//5,匹配所有type属性为checkbox的input元素
$(":checkbox");
//6,匹配所有type属性为submit的input元素
$(":submit");
//7,匹配所有type属性为image的input元素
$(":image");
//8,匹配所有type属性为reset的input元素
$(":reset");
//9,匹配所有type属性为button的input元素
$(":button");
//10,匹配所有type属性为file的input元素
$(":file");
//11,查找所有可用的input元素
$("input:enabled");
//12,查找所有不可用的input元素
$("input:disabled");
//13,查找所有有默认选中属性的input元素
$("input:checked");
//14,查找所有选中的option元素
$("select option:selected");
内容概要:本文深入探讨了Kotlin语言在函数式编程和跨平台开发方面的特性和优势,结合详细的代码案例,展示了Kotlin的核心技巧和应用场景。文章首先介绍了高阶函数和Lambda表达式的使用,解释了它们如何简化集合操作和回调函数处理。接着,详细讲解了Kotlin Multiplatform(KMP)的实现方式,包括共享模块的创建和平台特定模块的配置,展示了如何通过共享业务逻辑代码提高开发效率。最后,文章总结了Kotlin在Android开发、跨平台移动开发、后端开发和Web开发中的应用场景,并展望了其未来发展趋势,指出Kotlin将继续在函数式编程和跨平台开发领域不断完善和发展。; 适合人群:对函数式编程和跨平台开发感兴趣的开发者,尤其是有一定编程基础的Kotlin初学者和中级开发者。; 使用场景及目标:①理解Kotlin中高阶函数和Lambda表达式的使用方法及其在实际开发中的应用场景;②掌握Kotlin Multiplatform的实现方式,能够在多个平台上共享业务逻辑代码,提高开发效率;③了解Kotlin在不同开发领域的应用场景,为选择合适的技术栈提供参考。; 其他说明:本文不仅提供了理论知识,还结合了大量代码案例,帮助读者更好地理解和实践Kotlin的函数式编程特性和跨平台开发能力。建议读者在学习过程中动手实践代码案例,以加深理解和掌握。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值