jQuery设计思想1.jQuery 如何获取元素 2.jQuery 的链式操作是怎样的 3.jQuery 如何创建元素

1.jQuery 如何获取元素

jQuery获取DOM元素是使用选择器
parentNode.appenChild(NewNode) // parentNode是需要添加元素的容器，NewNode是新添加的元素

const ulNode = document.querySelectorAll('.list')[0],liNode = document.createElement('li');
liNode.className = 'liItem';
liNode.innerHTML = '新 - 4';
ulNode.appendChild(liNode);

2.jQuery 的链式操作是怎样的

jq 的链式操作的原理 就是内部实例在调用方法的时候， 返回当前调用这个方法的实例对象this就可以了， 返回当前的this就可以继续访问自己的原型了，所返回的都是同一个对象

3.jQuery 如何创建元素

创建元素：document.createElement. 设置属性：setAttribute. 添加文本：innerHTML. 加入文档：appendChild.

****创建流程：

创建节点(常见的：元素、属性和文本)
添加节点的一些属性
加入到文档

$("<div id='test' class='aaron'>我是文本节点</div>") // 文本节点
let $h1=$(“<h1 title=“一级标题”  class=“red”>DOM文档对象模型</h1>”);
$(“body”).append($h1);// 创建属性

在节点内部插入内容

append()方法在被选元素的结尾（仍然在内部）插入指定内容 $(selector).append(function(index,html))

4.jQuery 如何移动元素

想要使用jQuery将元素移动到另一个元素中，可以使用jQuery的内置方法append()或prepend()。

// jQuery的append()方法用于在所选元素的末尾插入一些内容
$(selector).append( content, function(index, html) )

使用prepend()方法 $(selector).prepend(content, function)

5.jQuery 如何修改元素的属性

attr() 方法用于获取或修改属性值，但是跟上面三个函数有所不同
取值$("#nihao").attr("href")
设值$("#nihao").attr("href","https://www.baidu.com") removeAttr()
div.removeAttr('name');

prop()
prop()跟attr()很类似，两点不同
prop只能添加非自定义属性，而attr都可以
$(p).prop('nihao')是不可以的，因为你好是我们自定义的属性
prop()跟attr()返回值不同