if(-1 !== className.indexOf('imooc')){}為什么是-1?????
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <style>
? ? .left,
? ? .right {
? ? ? ? width: 300px;
? ? ? ? height: 120px;
? ? }
? ??
? ? .left div,
? ? .right div {
? ? ? ? width: 100px;
? ? ? ? height: 90px;
? ? ? ? padding: 5px;
? ? ? ? margin: 5px;
? ? ? ? float: left;
? ? ? ? border: 1px solid #ccc;
? ? }
? ? ? ??
? ? .newClass{
? ? ? ? background: #bbffaa;
? ? }
? ? .imoocClass{
? ? ? ? background: red;
? ? }
? ? </style>
? ? <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
? ? <h2>.addClss()方法</h2>
? ? <div class="left">
? ? ? ? <div class="aaron">
? ? ? ? ? ? <p>newClass</p>
? ? ? ? </div>
? ? ? ? <div class="aaron">
? ? ? ? ? ? <p>newClass</p>
? ? ? ? </div>
? ? </div>
? ? <div class="right">
? ? ? ? <div class="aa bb imooc">
? ? ? ? ? ? <article>
? ? ? ? ? ? ? ? <p>imoocClass</p>
? ? ? ? ? ? </article>
? ? ? ? </div>
? ? ? ? <div class="bb cc imooc ">
? ? ? ? ? ? <article>
? ? ? ? ? ? ? ? <p>imoocClass</p>
? ? ? ? ? ? </article>
? ? ? ? </div>
? ? </div>
? ? <script type="text/javascript">?
? ? ? ? //class=left下div元素增加一個(gè)新的樣式,增加背景顏色
? ? ? ? $('.left div').addClass('newClass')
? ? </script>
? ? <script type="text/javascript">?
? ??
? ? ? ? //通過(guò)className(fucntion)方法
? ? ? ? //這個(gè)函數(shù)返回一個(gè)或更多用空格隔開(kāi)的要增加的樣式名。
? ? ? ? //接收index 參數(shù)表示元素在匹配集合中的索引位置和html 參數(shù)表示元素上原來(lái)的 HTML 內(nèi)容
? ? ? ? //找到所有的div,然后通過(guò)addClass設(shè)置顏色,根據(jù)返回的className的判斷,
? ? ? ? $("div").addClass(function(index,className) {
? ? ? ? ? ? //找到類名中包含了imooc的元素
? ? ? ? ? ? if(-1 !== className.indexOf('imooc')){
? ? ? ? ? ? ? ? //this指向匹配元素集合中的當(dāng)前元素
? ? ? ? ? ? ? ? $(this).addClass('imoocClass')
? ? ? ? ? ? }
? ? ? ? });
? ? </script>
</body>
</html>
? if(-1 !== className.indexOf('imooc')){}為什么是-1啊???
2016-03-15
$("div")是獲取所有的div,然后通過(guò)函數(shù)進(jìn)行判斷,如果類名包含imooc的元素,為其追加類名啊
2018-05-08
如果要檢索的字符串值沒(méi)有出現(xiàn),則該方法返回就用 -1
2016-03-15
.indexOf()方法是用來(lái)檢驗(yàn)是否包含該字符串的,等于-1就是不包含imooc,反之就是包含imooc字符串被