text、html、val

来源：互联网发布：linux bind,rw 编辑：程序博客网时间：2024/06/03 22:38
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>    <script>        $(function () {            $('#but').click(function (event) {//                alert($('#container').text())  //测试文本粗体测试文本//                alert($('#container').html())  // 测试文本<b>粗体</b>测试文本//                alert($('input').val())//显示输入框内容//                alert($('#container').attr('id'))//container//                 $('#container').text('hahha<b>粗体</b>ahah') // hahha<b>粗体</b>ahah//                 $('#container').html('hahha<b>粗体</b>ahah')  //hahha粗体ahah//                 $('input').val('hahah')//hahah//                 $('a').attr('href','http://baidu.com')//                   $('a').attr({//                       'href':'http://baidu.com',//                       'title':"baidu"//                   });//                $('a').attr('href',function (i, origValue) {//                    return i+"/"+origValue+"/xxx"//新链接值//                });                               })        });    </script></head><body><button id="but">    按钮</button><div id="container">    测试文本<b>粗体</b>测试文本</div><input type="text"/><a>链接</a></body><style>    .container {        background-color: gray;        width: 600px;        height: 420px;        display: flex;        flex-direction: row;    }</style></html>
0 0