jQuery常用函数
一、jQuery常用函数
- html() //获取html内容
- html(html) //设置html内容
- text() //获取文本内容,或设置内容
- text(text) //获取文本内容,或设置内容
- val() //获取值
- val(value) //设置值
- attr(name) //获取属性值 或 设置属性值
- attr(name,value) //获取属性值 或 设置属性值
- css(style,value) //style中设置样式
- addClass(name) //添加class
- removeClass(name)//删除class
- each() //遍历
二、代码实战
代码的详细解读,可以参考视频教程
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="./res/jquery-1.11.3.min.js"></script>
<style>
.panel{
color: red;
}
</style>
</head>
<body>
<form id="myForm" data-i="1000" style="color: blue;">
我是Form
<div>name: <input id="name" type="text" value="name"></div>
<div>address: <input type="text" value="address"></div>
</form>
<!-- 点击事件 -->
<button id="myBtn" onclick="doClick()">点击</button>
<script type="text/javascript">
function doClick(){
// alert($('#name').val())
// alert($('#myForm').text())
// alert($('#myForm').attr('data-i'))
// $('#myForm').attr('class','panel')
$('#myForm').css('color','red')
}
</script>
</body>
</html>