<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.s1{
color: red;
}
.s2{
color: yellow;
}
.s3{
color:blue;
}
</style>
</head>
<body>
<ul class="menu">
<li>AAA</li>
<li>BBB</li>
<li class="gray">CCC</li>
</ul>
<div>
<p>
<span>111</span>
</p>
</div>
<p>
<span>222</span>
</p>
<ul>
<li>list item 1</li>
<li>list item 2
<ul>
<li>list item 2-a</li>
<li>list item 2-b</li>
</ul>
</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>
<p id="str"><b>Values:</b></p>
<form action="">
<input type="text" name="name" value="John">
<input type="text" name="password" value="password">
<input type="text" name='url' value="http://ejohn.org/">
</form>
<script src="lib/jquery-2.2.2.js"></script>
<script>
//map
// $('#str').append($('input')).map(function(){
// return $(this).val();
// }).get().join(', ');
// $('input').each(function(i,e){
// $(e).addClass('s'+(i+1));
// });
// $('.menu li:first').css('color','red');
// $('.menu li').first().css('color','red');
// $('.menu li').last().css('color','green');
// $('.menu li').eq(1).css('color','blue');
// console.log($('.menu li:last').hasClass('gray'));//true
// $('.menu li').filter(':first').css('color','red');
//is 根据选择器、DOM元素或jquery对象来检测匹配元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true
// var b = $("span").parent().is("div");
// $('li').has('ul').css('background-color','red');
// $('.menu li:not(:first)').css('color','red');
// $('.menu li').not(':first').css('color','red');
// slice(start,end) [start,end)
// $('ul:eq(1) li').slice(1,2).css('color','green');
var arr=['aaa','ccc','ppp'];
var brr=arr.map(function(item,index,arr){
return item.repeat(3);
});
</script>
</body>
</html>
4057
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
