jQuery常用函数

阅读量: 59 编辑

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>