jQuery操作属性总结

原创 2018-12-14 10:14:03 306
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="jq.js"></script> &l

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<script type="text/javascript" src="jq.js"></script>

<style type="text/css">

.box{color:red}

.min{font-size:40px;}

</style>

</head>

<body>

<!-- <p title="我好">你只是个陪伴着,给我伤心难过</p>

<img src="images/yang2.gif">

<button>点击后删除图片</button>

<div>你好</div>

<button>点击</button> -->

<span>大家好我是你们的爸爸</span>

<b>欢迎来到</b>

<p>php中午网</p>

<button>点击切换</button>

<input type="" name="" value="我是你们永远得不到的爸爸">

</body>

</html>

<script type="text/javascript">

$(document).ready(function(){

// $('p').addClass('box min')//该方法向被选中的元素添加一个或多个类

// $('p').removeClass('box min')//该方法向被选中的元素删除一个或多个类


// $('p').attr('title','你好')//该方法向被选择的元素获取值,也可以设置值

// alert($('p').attr('title'))

// $('button').click(function(){

// $('img').removeAttr('src')该方法获取被指定的元素,来删除指定的属性

// })

// $('button').click(function(){

// alert($('div').hasClass('one'))//该方法获取被指定的元素,检测是否包含

// })

// $('button').click(function(){

//    $('span,b,p').toggleClass('box')该方法获取指定一个或多个元素,可以对属性添加删除/类操作

// })

// $('b').text("hello word");

// alert($('b').text());获取文本内容还可以设置新的值

// alert($('p').html())

// $('p').html('<h1>hello world</h1>')返回html内容,还可以设置其他html标签


// $("input").val('我是被修改的值')


})


</script>


发布手记

热门词条