js 节点操作

JQuery DOM操作：*

1、get and set in on（读写一体）

​ 获取元素的值和设值元素是同一个方法

2、get first set all（读第一个 写操作所有）

3、智能 DOM操作 静默容错
一对html/文本/值

html

• 不带参数 就获取的操作
  • 传入参数 就是设置的操作
    */
    // let $p = $(".box").html();//alert($p);
    $(".box").html(“

    这个动态插入的元素

    ”);

text

$("选择器").text(string)

// 获取匹配到的元素的文本信息
let $text=  $(".box1").text();
console.log($text);
//  设置值的操作
$('.box1 > p').text("rap 篮球  唱歌 跳舞!!!");

1

2

3

val**

$("选择器").val(value)

// 注意中间使用空格
$("form :text").val("设置type=text的值");

属性操作

attr

$("选择器").attr('属性名','值');

**prop**

获取和设置元素上的属性,注意如果返回的true和false 

selected   checked  disable 最好使用prop获取相应的值

 <script>
        $(function () {
            let $isDisabled = $(":text").prop("disabled");
            let $isChecked = $(":checkbox").prop("checked");
            let $isChecked1 = $(":checkbox").attr("checked");
            console.log($isChecked);
            console.log($isChecked1);
        });
    </script>

# 节点操作

创建节点

 1> 根据数据的长度动态的创建节点元素

- 2> 通过for循环 动态穿件节点
   给节点赋值
  - 4> 添加界面上父类节点

添加节点

$(选择器).append("子元素")

appendTo

删除节点

remove

empty

替换元素

replaceWith

replaceAll