首页 > Web开发 > 详细

jQuery选择器

时间:2019-06-15 14:48:16      阅读:97      评论:0      收藏:0      [点我收藏+]

一:基本选择器
技术分享图片

 



二.层次选择
技术分享图片

 


三.属性选择器

技术分享图片

 


四.过滤选择器
技术分享图片

 



/*定位到具体哪一个*/
$("li:eq(0)").css("color","red");
/*定位到大于位置的元素*/
$("li:gt(2)").css("background-color","pink");
/*定位到小于位置的元素*/
$("li:lt(2)").css("background-color","green");
/*定位到标题元素*/
$(":header").css("background-color","blue");
/*获取有焦点的元素*/
//$("#wht").focus();
//$("input:focus").val(‘磊 给你太美‘);

/*获取动画元素*/
//$("ul").fadeOut(3000).fadeIn(5000);
//$("ul:animated").css("background-color","blue");

/*可见性选择器*/
/* :hidden可以定位到隐藏元素,包含隐藏域等,如果说定位到的时隐藏域,显示时则修改type属性值,如果时普通元素则可以修改css样式display */
$("input:hidden").attr("type","visible");

jQuery选择器

原文:https://www.cnblogs.com/1314Justin/p/11027471.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!