被选中的DIV框子

Original 2018-11-30 00:19:37 193
abstract:<!DOCTYPE html><html><head> <title>被选中的DIV框子</title> <script type="text/javascript" src="jquery-3.3.1.min.js"></script> <style type=&qu

<!DOCTYPE html>

<html>

<head>

<title>被选中的DIV框子</title>

<script type="text/javascript" src="jquery-3.3.1.min.js"></script>

<style type="text/css">

p{

width: 100px;height: 100px;margin: 5px auto;border: 1px solid #888;border-radius: 5px;

}

</style>

</head>

<body>

<script type="text/javascript">

$(document).ready(function(){

//$('p[class]').css('background','red');

//$('p[class=kkk1]').css('font-size','30px');

//$('p[class!=kkk]').css('font-size','30px');

//$('p[class^=k]').css('background','red');

//$('p[class *=k ]').css('background','red');

$('p[class][id *=d]').css('background','red');



})

</script>


<p class="kkk">11</p>

<p class="kkk" id='dad'>11</p>

<p>22</p>

<p class="kkk" id='dfs'>11</p>




</body>

</html>


Correcting teacher:韦小宝Correction time:2018-11-30 09:19:15
Teacher's summary:下次在发布作业的时候选择一下代码语言!这样可以让代码高亮哦!作业写的很不错!课后记得多练习!

Release Notes

Popular Entries