脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jQueryɸѡ，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 HTML代码：
<!DOCTYPE htML> <html lang="en"> <head> <;meta charset="UTF-8"> <tITle></title> <style> p{ width: 100px; height: 100px;background-color: #ffa24a; margin-bottom: 20px; } </style> <script src="js/jquery-2.2.2-min.js"></script> </head> <body> <ul> <li>黄焖鸡</li> <li>面条</li> <li>空盘子</li> </ul> <p class="box"> <span class="span">span</span> </p> <p class="box1"> <span>span</span> </p> </body> </html>
jQuery代码：
/*不推荐：js和jquery混合使用*/ console.info($("li")[0]); console.info($("li").@R_512_967@); /*获取到集合中指定下标的元素*/ console.info($("li").eq(-1)); /*First()*/ console.info($("li").first()); /*last()*/ console.info($("li").last()) /*hasClass()判断当前元素是否有指定class属性,jquery,获取到一个集合，取出集合中的所有内容，默认返回第一个元素的内容*/ VAR res = $("li").hasClass("li"); /*html();*/ $("li").addClass("as"); console.info(res); /*each()循环取出内容*/ $("li").each(function(){ console.info($(this).html()); }); /*filter()从集合中筛选出符合指定条件的元素*/ var op = $("p").filter(".p"); console.info(op); /*has()包含：获取的元素内部的条件是否符合要求*/ //$("p").has(".span").css("background-color","red"); /*find():针对的是子类*/ //链式表达 $("p").find(".span").css("background-color","red"); /*is():用来判断释放满足指定条件*/ var boo =$(".span").parent().is(".box"); console.info(boo); boo = $(".box").children().is(".span"); console.info(boo); 觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的javascript代码实例教程-jQueryɸѡ全部内容，希望文章能够帮你解决javascript代码实例教程-jQueryɸѡ所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。