1、创建DOM节点 1、创建节点 document.createElement 2、添加节点的一些属性 setAttribute innerHTML 3、加入到文档中 appendChild2、jquery节点创建与属性的处理 通过$()函数处理,$('html结构') $("<div class='right'>动态创建DIV元素节点</div>")3、DO
转载
2023-08-21 11:43:39
356阅读
jquery 对象与原生对象的区别和相互转换// aa:原生对象var aa = document.getElementById("aa");// bb:jquery对象var bb = $("#bb")// 将原生对象用一个$符号和小括号包裹起来,就转为jq对象了var bb = $(bb);// 在 jq对象后面加一个中括号,在括号里面加下标,就转为了原生对象var bb = bb[0]Jq选
转载
2024-06-04 04:41:09
47阅读
DOM拷贝clone()克隆节点是DOM的常见操作,jQuery提供一个clone方法,专门用于处理dom的克隆.clone()方法深度 复制所有匹配的元素集合,包括所有匹配元素、匹配元素的下级元素、文字节点。clone方法比较简单就是克隆节点,但是需要注意,如果节点有事件或者数据之类的其他处理,我们需要通过clone(ture)传递一个布尔值ture用来指定,这样不仅仅只是克隆单纯的节点结构,还
转载
2023-08-13 21:54:47
597阅读
知识点一:创建节点注意:Jquery创建元素节点、属性节点、文本节点都使用$(html)
1.创建元素节点:$("<li></li>");
2.创建属性节点:$("<li id='test'></li>");
3.创建文本节点:$("hello world !");
4.下面是创建三者的结合:$("<li id='test'>hello
转载
2023-08-07 16:52:29
215阅读
$(document).ready(function() {
drag.init();
})
//拖拽
var drag = {
permitDrag: false, //是否允许移动标识
_x: 0, //临时节点x坐标
_y: 0, //节点y坐标
_left: 0, //光标与节点坐标的距离
_top: 0, //光标与节点坐标的距离
old_elm
转载
2024-07-01 16:45:53
32阅读
今天特定看了好多的文档demo,把以前忘了的和不会的都撸了一遍,收益颇丰,尤其是js这块的,以前基础就不这么好,决定一个星期撸一遍。 寻找节点分为三类:寻找父节点(找爸爸、爷爷、祖父…)、寻找子节点(找儿子、孙子…)和寻找邻近节点(找兄弟姐妹同胞) 首先说一下我常用的jquery吧,jquery 的诞生让我们不发育的大脑,节省很多的时间,免救很多的脑细胞。 这里这我们最常用的这
转载
2024-06-26 07:24:53
281阅读
一、html标签追加· 1、音频标签 <audio src="" controls></audio> //src:引入文件 controls:显示进度条 jQuery并没有对音频标签进行封装,只能用原生dom方法, .play()//播放 .load()//关闭为播放完的,重新加载新的 2、视频标签 <
转载
2023-06-02 16:14:51
226阅读
jQuery skill避免复杂的选择器操作,而采用find操作$("ul").find("li") > $("ul li")
$("ul").find("li") > $("ul li")添加html形式的操作与元素形式的操作最常用的jQuery节点选择eq( index ) 匹配一组元素中的某一个元素 index 值从 0 开始
find() 匹配元素集合中每个元素的 后代 (必须
转载
2023-08-10 19:13:46
41阅读
查找节点
创建节点
插入节点
删除节点
复制节点
替换节点
包裹节点一、查找节点
1、使用各种选择器
都是在查找元素2、父节点
a. 对象.parent() == 对象.parentNode
b. 对象.parents(“body”) 无参数:父级集合直到html,
c. 对象.parentsUntil(“body”) 父级到指定的父级结束
3、子节点
a. $(“box”
转载
2023-08-01 23:49:12
78阅读
知识点一:创建节点注意:Jquery创建元素节点、属性节点、文本节点都使用$(html)
1.创建元素节点:$("<li></li>");
2.创建属性节点:$("<li id='test'></li>");
3.创建文本节点:$("hello world !");
4.下面是创建三者的结合:$("<li id='test'>hello
转载
2018-05-19 16:14:00
141阅读
遍历 DOMjQuery 提供了多种遍历 DOM 的方法。遍历方法中最大的种类是树遍历(tree-traversal)。向上父节点parent,向下子节点child,同胞next和pre缩写搜索元素的范围三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法,比如 filter() 和 not() 允许您选取匹配或
转载
2024-03-30 23:06:34
47阅读
jquery
一,节点的操作
1, 创建节点
const oDiv = $('<div id="" class="" index="">div标签</div>');
const oDiv = $('div' , { id:'div' , class:'div' , click : function(){} });
2,
转载
2023-09-03 10:34:45
362阅读
查找节点和创建节点 1、查找节点 1.查找元素节点 查找元素节点非常简单,用 jQuery 择器即可完成。var $li = $('ul li:eq(1)');
var li_txt = $li.text();
alert(li_txt);2.查找属性节点 利用选择器查找到需要的元素之后,就可以使用attr()方法来获取它的各种属性值。var $para = $('p');
转载
2023-09-04 15:56:25
162阅读
jQuery的深浅拷贝深浅拷贝的概念复制:引用数据类型时 (主要是对象和数组) 才会考虑深浅拷贝问题浅拷贝 — 拷贝复制引用数据类型的存储地址执行浅拷贝,执行的变量之前,相互有关联 一个操作修改存储的数据内容,另一个也会影响深拷贝 — 拷贝复制引用数据类型的具体数值执行浅拷贝,执行的变量之前,相互没有关联 一个操作修改存储的数据内容,另一个不会影响有待解决的问题如果 单元中存储的是 多维的数组或者
转载
2023-09-20 17:11:40
70阅读
文章目录添加节点的几种方式清除内容empty&remove克隆节点clone属性操作(attr,prop)宽高scrollTop和scrollLeftclass操作表格全选案例 添加节点的几种方式1、append() 父元素.append(子元素)–>作为最后一个元素添加<script>
// 1、append() 父元素.append(子元素)-->作为
转载
2023-09-06 13:18:29
141阅读
1、读取和操作属性<script type="text/javascript">
$(function (){
function Person(){
}
var person1=new Person();
person1.name="zhangsan";
转载
2023-10-09 22:24:23
97阅读
1.包裹节点 wrap() :把匹配到的每一个元素用指定的HTML元素包裹起来 示例:把匹配到的每一个<p>标签用<div>包裹起来<body>
<script type="text/javascript">
//入口函数
$(document).ready(function(){
转载
2023-06-09 18:20:42
118阅读
设置属性:/*设置属性*/
$("img").attr({"src":"images/1.jpg","alt":"这是一张风景图","title":"请点击"})
/*获得属性*/
alert($("img").attr("src"))after和insertAfter$("p").click(function(){
/*在被选元素后面添插入新的同辈元素*/
$("p").afte
转载
2024-06-11 10:54:50
89阅读
一、文本内容的操作
方法:①text() ②text(val)
例子:$div = $(‘div’) //获取div元素
获取文本内容
设置了文本的内容
二、HTML内容的操作
①html():用于获取第一个匹配元素的HTML内容
②html(val):用于设置全部匹配元素的HTML内容
注意:内容中包含HTML代码可以被浏览器解析
三、对元素值的操作
主要对于input、check、rad
转载
2023-08-04 21:32:18
63阅读
这个方法不仅移除子元素(和其他后代元素),同样移除元素里的文本。因为,根据说明,元素里任何文本字符串都被看做是该元素的子节点。如果我们通过empty方法移除里面div的所有元素,它只是清空内部的html代码,但是标记仍然留在DOM中,通过empty移除了当前div元素下的所有p元素 但是本身id=test的div元素没有被删除。
要移除页面上节点是开发者常
转载
2023-10-17 17:30:51
92阅读