jQuery对文档的操作

console.log(document.getElementById("city").innerHTML)
console.log(document.getElementById("city").innerText)
console.log($("#city").html())
console.log($("#city").text())
// html()和text()区别？
// innerHTML和innerText 的区别？
// innerHTML是获取到的片段
// innerText是获取到的文本
// 可获取可设置

// document.getElementById("city").innerHTML = "<li>武汉</li>"
// document.getElementById("city").innerText = "<li>武汉</li>"
// $("#city").html("<li>武汉</li>") //传递参数就是设置，不传递就是获取


// DOM： value 属性
// jq： val() //传递参数就是设置，不传递就是获取
// DOM就用dom的方法，jq就用jq的方法

// attr()
// 获取
// jq 中
console.log($("#bj").attr("name"));
// dom 中
console.log(document.getElementById("bj").getAttribute("name"))

// 设置
// jq
$("#nj").attr("abc","123") //传递第二个参数就是设置属性
$("#nj").attr("name","hello") //可以修改
// 设置多个
$("#tj").attr({ src: "test.jpg", alt: "Test Image" }); //设置属性，不一定是要存在属性，自定义的属性都可以设置
// DOM
document.getElementById("bj").setAttribute("name","world")



// 删除
// jq
$("#bj").removeAttr("name");