参考链接:https://juejin.im/post/5d2705d8e51d4577407b1dda
参考评论链接http://youmightnotneedjquery.com/
javascript方法
getElementById()
querySelector() 匹配指定选择器的第一个元素。
querySelectorAll() 返回所有的元素。
createElement()
createTextNode()
insertBefore()
firstChild()
removeChild()
getAttribute()
setAttribute()
.value
addEventListener()
removeEventListener()
cloneNode() $("...").html();
document.querySelector("...").innerHTML=""; 指定元素插入内容。
$("...").append();结尾
var list = document.querySelector("...");
var lists=document.createElement("...");
lists.innerHTML="...";
list.appendChild(lists); $("...").prepend()开头
document.createTextNode("..."); //简写 参考结尾
document.querySelector("...").insertBefore(...); 清除被选元素
$("...").empty();
document.getElementById("...").innerHTML="";
var contentEl = document.getElementById("...");
contentEl.innerHtml = "";
while(contentEl.firstChild){
contentEl.removeChild(contentEl.firstChild);
} 自定义属性
$("...").attr("...");
document.querySelector("...").getAttribute("..."); 获取值
$("…").val()
document.querySelector("...").querySelector("...").value 添加移除事件(click是随便写的,根据自己需要)
$("…").on("click",function(){ }) || (…).off()
添加
document.getElementById("...").addEventListener("click", function(evt){ });
删除
var btn= function(){...}
if (btning.removeEventListener) {
btning.removeEventListener("click", btn);
} else if (toggleBtn.detachEvent) {
btning.detachEvent("click", btn)
} var remove = document.getElementById("...");
var removeclone= currEl.cloneNode(true);
remove .parentNode.replaceChild(removeclone, remove); 元素显示隐藏
$("…").toggle();
var el =document.querySelector("...");
if(el.style.display && el.style.display === "none"){
el.style.display = "block";
} else {
el.style.display = "none";
}
if(el.style.visibility && el.style.visibility === "hidden"){
el.style.visibility = "show";
} else {
el.style.visibility = "hidden";
};

javascript&jquery方法比对的更多相关文章

  1. JavaScript的 onclick 事件是如何调用jquery 方法的

    看见个不错的问答,关于JavaScript的 onclick 事件是如何调用jquery 方法的,特此标注,链接如下:http://segmentfault.com/q/101000000033350 ...

  2. Javascript/jQuery关于JSON或数组集合的几种循环方法

    JavaScript遍历JSON或数组集合: /** * 根据json数据生成option树形控件 * 如果有children节点则自动生成树形数据 * @param {JSON} data * @p ...

  3. JavaScript&jQuery获取url参数方法

    JavaScript&jQuery获取url参数方法 function getUrlParam(name){ var reg = new RegExp("(^|&)" ...

  4. Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID

    query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下: $('#objId', parent.document);// 搞定... 在父页面 获取iframe子页面的 ...

  5. Javascript或jQuery方法产生任意随机整数

    方法1:javascritp方法 1 2 3 4 5 6 //随机数    function diu_Randomize(b,e){        if(!b && b!=0 || ! ...

  6. JavaScript jQuery 中定义数组与操作及jquery数组操作

    首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...

  7. 1.4 jQuery方法,JSON介绍

    jQuery方法: jQuery添加元素: append()方法: $("元素").append("追加内容"); prepend()方法: $("元 ...

  8. SpringMVC框架下实现JSON(类方法中回传数据到jsp页面,使用jQuery方法回传)

    JSON的实现,即将需要的数据回传到jsp页面: 1>.加入实现Json的三个架包到lib中:2>.目标方法上边加入注解,需要返回的值3>.在jsp页面中书写jQuery方法: ec ...

  9. 形行色色的下拉菜单(HTML/CSS JS方法 jQuery方法实现)

    HTML/CSS方法实现下拉菜单来源:慕课网<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q ...

随机推荐

  1. Android中常见的默认实现类

    * Basexxx* Defaultxxx* Simplexxx* Baicxxx

  2. Python写的大小写转换小工具

    几行代码的小工具,用于进行如下转换 TRANSACTIONS ON CLOUD COMPUTING => Transactions On Cloud Computing orig = 'TRAN ...

  3. 利用phpStudy 探针 提权网站服务器

    声明: 本教程仅仅是演示管理员安全意识不强,存在弱口令情况.网站被非法入侵的演示,请勿用于恶意用途! 今天看到论坛有人发布了一个通过这phpStudy 探针 关键字搜索检索提权网址服务器,这个挺简单的 ...

  4. IPv6 ping命令

    IPv6 ping命令 一.Linux操作系统 给一台 Linux 主机分配了一个 IPv6 的 IP地址,如何使用 ping命令 确定该 IP地址 能否 ping 通呢? 1.查看主机的 IPv6 ...

  5. maven创建分model的工程

    创建parentmvn archetype:generate -DgroupId=com.hikvision -DartifactId=aocp-parent -DarchetypeArtifactI ...

  6. vue路由传参的几种基本方式

    原文地址 this.$router.push跳转 现有如下场景,点击父组件的li元素跳转到子组件中,并携带参数,便于子组件获取数据.父组件中: <li v-for="article i ...

  7. ARB扩展与标准OpenGL的关系

    由于OpenGL的标准更新不是很频繁,因此,当某种技术应用流行起来时,显卡厂商为了支持该技术,会使用自己的扩展来实现该功能.但是不同厂商如果有不同的实现,那么程序编写将会异常繁琐.因此多个厂商共同协商 ...

  8. docker部署jar、war包方法

    一.将war包放入容器 1.# docker imagesREPOSITORY                         TAG                 IMAGE ID         ...

  9. 前端web worker实践与总结

    参考链接:https://www.jianshu.com/p/97f6144dfddf

  10. nginx 代理 registry docker certificate is valid for k8s, not

    1.配置SSL证书及nginx反向代理docker registry 搭建私有CA,初始化CA环境,在/etc/pki/CA/下建立证书索引数据库文件index.txt和序列号文件serial,并为证 ...