操作属性小结巩固

原创 2018-11-16 12:18:04 158
摘要:<!DOCTYPE html> <html> <head> <title>jquery操作属性</title> <meta charset="utf-8"> <script type="text/javascript" src=&quo
<!DOCTYPE html>
<html>
<head>
	<title>jquery操作属性</title>
	<meta charset="utf-8">
	<script type="text/javascript" src="jquery-3.3.1.js"></script>
	<style type="text/css">
         .a{background:red;}
         .b{height:100px;}
         .c{font-size:20px;font-width:bold;}
    </style>
</head>

<body>
	<script type="text/javascript">
          $(document).ready(function(){
               // $('div').addClass('a b c')
               // $('div').removeClass('b c')
               // alert($('p').attr('a'))
               // $('p').attr('a','heello')
              //  // alert($('p').attr('a'))
              // $('button').click(function(){
              // 	$('img').removeAttr('src')
              // })
               // $('button').click(function(){
               // alert($('div').hasClass('aa'))
               // })
               // $('button').click(function(){
               //      $('div,p').toggleClass('a b')
               //  })
               // alert($('div').text())
              //  $('button').click(function(){
              //  $('p').text('hello')
              // }) 
              // alert($('p').html())
              
              	// $('p').html('<div>789</div>')
              alert($('input').val())
              $('input').val('456')
          })
	</script>
	<div>123
	</div>
	<p a="b">大家好</p>
	<img src="img/123.jpg"><br>
	<button>点击切换
	</button>
	<div class="aa"></div>
	<input type="txet" name="" value="123">
</body>
</html>


发布手记

热门词条