diff --git "a/50 \345\274\240\350\265\267\347\221\236/20231214 jQuery\350\275\256\346\222\255\345\233\276.md" "b/50 \345\274\240\350\265\267\347\221\236/20231214 jQuery\350\275\256\346\222\255\345\233\276.md" new file mode 100644 index 0000000000000000000000000000000000000000..35042a50773655d5195688f88a701ad8ef6fdf5e --- /dev/null +++ "b/50 \345\274\240\350\265\267\347\221\236/20231214 jQuery\350\275\256\346\222\255\345\233\276.md" @@ -0,0 +1,397 @@ +```javascript +i.jquery操作DOM之内容 + 取值(文本): + html():获取值,获取的是元素的内容,包括元素内部的各种标签 innerHTML + text():获取值,只获取内容值,不包括各种标签 innerText + 赋值: + html("xxx"):先渲染,后显示 innerHTML= xxx + text("xxx"):原封不动显示,不进行渲染 innerText = xxx + + 表单的: + val():获取属性值 .value + val("xxx"):赋值 .value =xxx + + +ii.jquery工厂$()的作用 + -$("jquery选择器"):jquery选择器: + -$(document):类型转换,DOM对象转换为jquery对象 + -$(html字符串):创建节点 + + 插入节点: + -内部插入: + $("A").append($("B")):将B插入到A尾部 + $("A").prepend($("B")):将B插入到A头部 + + 外部插入: + $("A").before($("B")):将B插入到A前面(外部) + $("A").after($("B")):将B插入到A后面(外部) + + 替换节点 + -$("A").replaceWith($("B")):用B替换A + + 删除节点 + -remove():彻底删除,包括节点关联的一切 + -empty():只删除节点内容 + + 克隆节点 + -clone(true|false) + 其中true代表克隆节点的同时克隆节点所绑定的事件,false代表只克隆节点 + +iii.属性操作 + attr("属性名"):根据属性名获取属性值 + attr("属性名","属性值"):设置单个属性值 + attr({"属性名":"属性值","属性名":"属性值","属性名":"属性值"}):设置多个属性值 + removeAttr("属性名"):删除属性值 + +iiii.jquery获取集合和遍历集合 + 获取子节点集合:$("选择器").children("过滤") + + + 同辈集合: + -next():下一个 + -prev():前一个 + -sublings():左右 + + 前辈集合: + -parent():父辈 + -parents():祖先 + +iiiii.集合遍历: + $("选择器").each(function(index,element){ + + }) + 其中参数index表示当前是第几个元素,element代表当前元素,注意element是dom对象,必须进行jquery工厂进行转换 + +``` + +```javascript + + + +
+ + + +