它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdocuments...如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html(); 基础语法: jquery的基础语法:$(selector).action(...) 三 jQuery引入方式 下载地址:https://code.jquery.com/jquery-3.3.1.js,复制代码或者下载它,创建一个Jquery-xxxx.js文件,引入代码如下...删除 清空标签内的所有内容 $(".increase").empty() ? 删除 直接删除标签 $(".increase").remove() ?...克隆 // 这种方式有问题,每次复制都会全部复制 var $ele2=$(".increase").clone() $(".increase").after($ele2) // 增加删除框 <!
一.文件需要引入select2.full.js、select2.min.css(4.0.1版本)和jquery.1.8.3及以上 最新版本的select2如果引用的jquery版本较低的话,某些功能无法正常使用...(“val”)(老版);$(“select”).val()(新版) 推荐使用 var res = $("#id").select2("data"); //返回数组,单选就取res[0];好处是不进可以获取...我们在整个框架里面,用到了很多Select2控件来处理内容的显示,包括单选的下拉列表(包括级联选择框)、复选的下拉列表、树形下拉列表等方式,界面效果如下所示。...2、Select2控件的实际使用代码分析 1)基础界面代码及操作 使用select2控件,一般是在常规的select控件上,设置一下即可(设置它的class为select2)。...select> 2)异步数据绑定操作 一般情况下,我们的select控件的数据,是从数据库里面动态加载的,因此一般是通过Ajax方式获取数据并进行绑定即可。
jquery操作select分为获取option的值、删除option、增加option、获取option的长度、清空select、判断select框中是否存在某个值。...Value值为4的项选中 $("#select_id ").val(4); //设置Select的Text值为jQuery的项选中 $("#select_id option[text='jQuery...(相关课程推荐:jQuery教程) $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) $("#select_id...$("#single_user_choice").get(0).options.length=0; 6、两个select 框之间互相添加删除,从左边到右边,从右边到左边的操作,通常是多选情况。...//删除下拉列表中选中的项 $remove.appendTo('#select2'); //追加给对方 7、判断在 select 框中是否存在某一个值的选项 function
(content) :把所有匹配的元素插入到另一个、指定的元素元素集合的前面 删除节点 remove(): 从 DOM 中删除所有匹配的元素, 传入的参数用于根据 jQuery 表达式来筛选元素...当某个节点用 remove() 方法删除后, 该节点所包含的所有后代节点将被同时删除. 这个方法的返回值是一个指向已被删除的节点的引用。...但此时复制的新节点不具有任何行为....removeAttr(“属性名”): 删除指定元素的指定属性 样式操作 获取 class 和设置 class :class 是元素的一个属性, 所以获取 class 和设置 class 都可以使用...在常规的 JavaScript 代码中, 通常使用 window.onload 方法, 在 jQuery 中使用$(document).ready() 方法.
jQuery知识点范围:常用方法 核心:写得少做的多,解决浏览器的兼容性问题; DOM对象和jQuery的区别; 将jQuery转化为DOM的两种方法; $(document).ready的作用是等(document...)中的节点都加载完再执行后续的代码; first=div.first() 将div数组的第一个元素赋给first; 绑定了事件的结点不用了要销毁,防止内存泄漏; remove()比empty()好在可以传递选择表达式...; after()相比before(),前者不支持多参数处理(可能只是insertAfter()不支持); 特殊的删除detach(),删完可以加回来,属于临时删除; clone()只克隆结构,clone...(true)克隆结构和事件; warp()一个一个包裹,wrapAll()所有的作为一个整体被包裹; children()是儿子元素,find()是后代元素,必有参数的; 选择器context是由find...()方法实现的,(‘a’).find(‘b’)等价于(‘a’,‘b’);
:disabled 不可使用 :checked 选中的元素(单选框和多选框) :selected 选中的元素(下拉选) 四.属性和样式 属性,类class,html代码/文本/值,css,位置,尺寸... val(值) 设置值 html() 获得标签体内容,以标签方式 html(值) 设置内容 text() 获得标签体内容,以文本方式 text(值) 以文本方式设置内容 4.css...,删除,包裹 1.内部插入 A.append(B) ,将B插入到A内部的后面。...参数2:子元素中绑定数据是否被克隆。...4.替换 A.replaceWith(B) 使用B替换掉A A.replaceAll(B) 使用A替换掉所有的B 5.删除 empty() 清空标签体内容,删除所有子元素 remove() 将指定对象移除
动画队列 stop使用 节点操作 创建节点 克隆节点 添加&移动节点 删除节点&清空节点 jQuery特殊属性操作 val方法 html方法与text方法 width方法与height方法 scrollTop...jQuery对象:jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。...对象 jQuery对象转换成DOM对象: var $li = $("li"); //第一种方法(推荐使用) $li[0] //第二种方法 $li.get(0) jquery选择器 什么是jQuery选择器...最现代的方式,兼容zepto(移动端类似jQuery的一个库),强烈建议使用。 on注册简单事件 // 表示给$(selector)绑定事件,并且由自己触发,不支持动态绑定。...$( selector).undelegate( 'click' ); //解绑所有的click事件 off方式(推荐) // 解绑匹配元素的所有事件 $(selector).off
打开第一个jQuery官网 2.点击Downloading jQuery 3.Download the compressed, production jQuery 3.6.0推荐下载压缩版本,加载比较快...可以先筛选元素(标签),然后再对该元素做出动态操作 格式:$(selector).action() selector:通过选择器获取元素 action:获取元素后的动作行为 jQuery对象 JS中DOM...获取到的元素是DOM对象,那么在jQuery中获取到的元素属于jQuery对象,两者之间方法有差别,虽然 jQuery对象是包装 DOM对象后产生的,但是 jQuery对象无法使用 DOM对象的任何方法...empty()// 删除匹配的元素集合中所有的子节点。 替换 replaceWith() replaceAll() 克隆 clone()// 参数 案例: 使用事件委托的方式绑定hover事件处理函数,可以参照如下代码分两步绑定事件: $('ul').on('mouseenter', 'li', function() {//绑定鼠标进入事件 $(
第10章 jQuery节点操作 10.1 创建节点 // $(htmlStr) // htmlStr:html格式的字符串 $('<span-这是一个span元素</span-'); 10.2 添加节点...empty:清空指定节点的所有元素,自身保留(清理门户) $('div').empty(); // 清空div的所有内容(推荐使用,会清除子元素上绑定的事件) $('div').html('');//...使用html方法来清空元素,不推荐使用,绑定的事件不会被清除。...remove:相比于empty,自身也删除(自杀) $('div').remove(); 10.4 克隆节点 作用:复制匹配的元素 // 复制$(selector)所匹配到的元素(深度复制) // cloneNode...即修改新元素,不会影响到原来的元素。 $(selector).clone();//克隆元素本身及后代 $(selector).clone(true);//克隆元素本身及后代以及绑定的事件
根据打印的结果 发现原始对象的年龄没有变化 但是朋友却跟着也增加了 这就是因为浅克隆的原因 当我们使用基本数据类型进行直接赋值操作的时候 原对象和复制对象的值是相互不影响的 但是,如果是非基本数据类型...深克隆 实现深克隆一般有两个方法 利用json的方式 引入json的工具类 com.alibaba <artifactId...完美解决 推荐使用序列化的方式实现深克隆 5. 源码实现 Java底层有些类也重写了clone()方法,实现深克隆 比如ArrayList的clone()方法其实就是深克隆 ?...我们都知道ArrayList的底层是基于数组实现 这个clone()方法就是在浅克隆的基础上 使用数组又新建了一个新的数组 并将新数组的内容复制给当前ArrayList,返回 6....,比直接new一个对象性能上提升了很多 可以是用深克隆方式保存对象的状态,使用原型模式将对象复制一份并将其状态保存起来,简化创建过程 缺点: 必须配备克隆方法 违反了开闭原则 深拷贝和浅拷贝运用需要得当
$ git clone 的网址> 比如,克隆jQuery的版本库。...克隆版本库的时候,所使用的远程主机自动被Git命名为origin。如果想用其他的主机名,需要用git clone命令的-o选项指定。...$ git clone -o jQuery https://github.com/jquery/jquery.git $ git remote jQuery 上面命令表示,克隆的时候,指定远程主机叫做jQuery...这是为了防止,由于其他人操作了远程主机,导致git pull不知不觉删除了本地分支。 但是,你可以改变这个行为,加上参数 -p 就会在本地删除远程已经删除的分支。...不带任何参数的git push,默认只推送当前分支,这叫做simple方式。此外,还有一种matching方式,会推送所有有对应的远程分支的本地分支。
对象 jQuery对象转换成DOM对象: var $li = $("li"); //第一种方法(推荐使用) $li[0] //第二种方法 $li.get(0) jquery选择器 什么是jQuery.../*如果想克隆事件 false true克隆事件*/ var $cloneP = $('p').clone(true); 添加&移动节点 /*追加自身的最后面 传对象和html格式代码...最现代的方式,兼容zepto(移动端类似jQuery的一个库),强烈建议使用。 on注册简单事件 // 表示给$(selector)绑定事件,并且由自己触发,不支持动态绑定。...( selector).undelegate( 'click' ); //解绑所有的click事件 off方式(推荐) // 解绑匹配元素的所有事件 $(selector).off();...() 阻止事件冒泡行为 //event.preventDefault() 阻止浏览器默认行为 //return false:既能阻止事件冒泡,又能阻止浏览器默认行为。
对象 jQuery对象转换成DOM对象: var $li = $("li"); //第一种方法(推荐使用) $li[0] //第二种方法 $li.get(0) jquery选择器 什么是jQuery选择器.../*如果想克隆事件 false true克隆事件*/ var $cloneP = $('p').clone(true); 添加&移动节点 /*追加自身的最后面 传对象和html...最现代的方式,兼容zepto(移动端类似jQuery的一个库),强烈建议使用。 on注册简单事件 // 表示给$(selector)绑定事件,并且由自己触发,不支持动态绑定。...$( selector).undelegate( 'click' ); //解绑所有的click事件 off方式(推荐) // 解绑匹配元素的所有事件 $(selector).off...() 阻止事件冒泡行为 //event.preventDefault() 阻止浏览器默认行为 //return false:既能阻止事件冒泡,又能阻止浏览器默认行为。
$ git clone 的网址> 比如,克隆好雨 html-demo 的版本库。...克隆版本库的时候,所使用的远程主机自动被Git命名为origin。如果想用其他的主机名,需要用git clone命令的-o选项指定。...$ git clone -o jQuery https://github.com/jquery/jquery.git $ git remote jQuery 上面命令表示,克隆的时候,指定远程主机叫做jQuery...这是为了防止,由于其他人操作了远程主机,导致git pull不知不觉删除了本地分支。 但是,你可以改变这个行为,加上参数 -p 就会在本地删除远程已经删除的分支。...不带任何参数的git push,默认只推送当前分支,这叫做simple方式。此外,还有一种matching方式,会推送所有有对应的远程分支的本地分支。
写 1.创建节点: 可以使用工厂函数:$(创建节点的内容)。...a 删除节点: remove:$(‘#test′).remove();该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素。...但除了这个元素本身得以保留之外,remove() 不会保留元素的 jQuery 数据。...占位置 复制节点:clone():只复制节点中的内容,不包括任何行为。...注意克隆后节点的id属性,避免id重复 clone(true):复制内容,也复制行为 替换节点:xxx.replace(a)用xxx把a替换掉 前后宾语调换:a.replaceWith(xxx)将a替换成
1.创建节点: 可以使用工厂函数:$(创建节点的内容)。...a 删除节点: remove:$(‘#test′).remove();该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素。...但除了这个元素本身得以保留之外,remove() 不会保留元素的 jQuery 数据。...占位置 复制节点:clone():只复制节点中的内容,不包括任何行为。...注意克隆后节点的id属性,避免id重复 clone(true):复制内容,也复制行为 替换节点:xxx.replace(a)用xxx把a替换掉 前后宾语调换:a.replaceWith(xxx)将a替换成
首先,利用底层大模型构建基础思维框架,然后家人提供关于逝者的详细信息,AI 会根据这些信息模拟逝者的思想。在后续的使用过程中,还可以通过聊天的方式让数字人不断学习,使其更加贴近逝者的思维方式。...四、形象克隆的未来趋势 更加智能化:随着人工智能技术的不断发展,克隆数字人直播系统将更加智能化。通过对用户行为和喜好的深入分析,系统能够为用户提供更加精准的个性化推荐。...处理克隆体的点击删除: 在 “侦测” 分类选取 “当角色被点击” 积木,嵌套一个 “如果... 那么” 积木(来自 “控制” 分类),条件判断里使用 “碰到鼠标指针?”...(侦测分类),若满足,则在 “那么” 分支里使用 “删除此克隆体” 积木(控制分类)。...未来发展框架 更加智能化:通过对用户行为和喜好的深入分析,为用户提供更加精准的个性化推荐,智能算法不断学习和优化,提高推荐准确性和满意度,为用户带来更优质的直播体验。
表单元素美化 uniform 提供对下拉框,单,复选框,按钮等表单元素的美化 select2 多选下拉框 DropKick 下拉框,单,多选。...待办事宜日历 full calendar 支持脱放的方式来改变待办事宜的时间 时间选取组件 jQuery ui datepicker 经典,不是很好看 pickadate 轻量级,手机友好的,漂亮...用滚轮来翻页 turn.js 做一本书,带漂亮的翻页的效果 幻灯 coin-slider 兼容IE6。蛮好的~。不过其切换方式是一块块的。不能配置切换方式。。。...不喜欢其调用方式。 动画效果 jQuery.Marquee 跑马灯效果 quickflip 卡片翻转效果 卡片翻转效果2 兼容性可以。...transit 对元素进行css的变换 视觉差插件 scrollorama 比较简单 superscrollorama 能做的效果更多,但要用第三方Tween的库,使用起来比较复杂。