【将原生JS和jquery里面的DOM操作进行了一下整理】的更多相关文章

将原生JS和jquery里面的DOM操作进行了一下整理

创建元素节点 1.原生: document.createElement("div") 2.jquery: $("<div></div>") 创建文本节点并加入元素节点中 1.原生: var text=document.createTextNode("文本内容"); var p=document.createElement("p"); p.appendChild(text); 2.jquery: var …

jQuery里面的DOM操作（查找，创建，添加，删除节点）

一:创建元素节点(添加) 创建元素节点并且把节点作为元素的子节点添加到DOM树上 append(): 在元素下添加元素 用法:$("id").append("定义的节点"); 例如:var li1 = $("<li>橘子</li>"); 添加属性节点:var li3 = $("<li class='test'>草莓</li>") appendTo(): 将元素添加到元素里面 用法…

从JS和jQuery浅谈DOM操作，当我们在获取时，究竟获取了什么

0.写在前面的话 自己对前端的东西一直不是很熟,现在开始要想办法从前端各个地方去获取想要的属性值的时候,也基本是在网上现炒现卖,几周下来,发现自己还是迷迷糊糊,可以算是一无所获. 所以就抽时间,把这一块的东西收集整理一下,免得每次为了得到一个值要上网查询鼓捣一万年,实在是浪费时间,知其然知其所以然,才能让问题迎刃而解. 这篇博文应该说结构还不够完整,有些知识点还没提到,覆盖的内容其实主要还是为了满足我现在入门知识理解的一个需求,日后再进行完善吧,这里先贴一些相关概念的参考链接,以后方便参考和添加…

js获取iframe里面的dom

最近在写页面遇到了问题,一个dom好多地方用到,然后我就单独写了个html页面,然后用iframe引入,但是,想获取iframe里面input的value,获取不到input,后面才知道原来js不能直接获取iframe里面的元素,上代码 引入公共html :deadSeedling.html <IFRAME id="deadSdl" marginWidth=0 marginHeight=0 src="common/deadSeedling.html" fram…

原生JS实现几个常用DOM操作API

原生实现jQuery的sibling方法 <body> <span>我是span标签</span> <div>我是一个div</div> <h1 id="h1">我是标题</h1> <p>我是一个段落</p> <script type="text/javascript"> //获取元素的兄弟节点 function siblings(o){//参数o…

原生JS和jQuery操作DOM的区别小结

一.Js原生对象和jQuery实例对象的相互转化: (1).原生JS对象转JQ对象: $(DOM对象); (2). JQ对象转原生JS对象: $(DOM对象).get(index); //注意区分eq(index)是jQuery实例对象; 直接下标访问, $(DOM对象)[index]; 二.两者操作DOM的对比 一.创建元素节点 1.1 原生JS创建元素/文本节点 document.createElement("p"); 1.2 jQuery创建元素/文本节点 $('<p>…

详解js和jquery里的this关键字

详解js和jquery里的this关键字 js中的this 我们要记住:this永远指向函数运行时所在的对象!而不是函数被创建时所在的对象.this对象是在运行时基于函数的执行环境绑定的,在全局环境中,this等于window 先来看个例子: <script> var fullname = "Trigkit4"; var person = { fullname : 'Jack', prop:{ fullname : 'Blizzard', getFullname : fun…

【前端性能】必须要掌握的原生JS实现JQuery

很多时候,我们经常听见有人说jquery有多快多快.在这个各种类库满天飞的时候,不得不说的是,能有原生JS快吗? 是的,明显原生JS要更快,因为诸如JQuery这样的库必须要兼容各种浏览器和低版本和许多其他的东西,考虑通用性必然会导致性能的损耗. 当然,我不是提倡写代码纯用原生JS实现,我记得淘宝玉伯曾经说的一句话“框架能够让我们走的更快,但只有了解原生的JS才能让我们走的更远”. 一些感(fei)想(hua): 原生的js,好比全真教的武功,一步步从基础开始(先练气再御剑),很长一段时间内和j…

jQuery里面的datepicker日期控件默认是显示英文的，如何显示中文或其他语言呢？

jQuery里面的datepicker日期控件默认是显示英文的,如何让他显示中文或其他呢? [官方的写法]: (1)引入JS文件: <script type="text/javascript" src="JS/ui/jquery-ui-i18n.js"></script> (2)在function中加入语言设置参数为zh-CN,也可以设置日语等其他语言: $.datepicker.setDefaults($.datepicker.region…

原生JS和JQuery的区别

1.原生js和jQuery的入口函数加载模式不同 原生js等页面dom加载完成并且图片等资源也加载完成之后才会执行: jQuery则是等页面dom加载完成执行,不会等图片等资源也加载完成: (也就是说如果想通过jQuery的入口函数加载页面之后查询使用资源的属性是不可取的:例如 $(document).ready(function(){ $('img').width();}); )   重复写window.onload=function(){}会被覆盖,也就是只能有一个window.onload…