参考链接: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. 经济-AMA:百科

    ylbtech-经济-AMA:百科 美国市场营销协会(American Marketing Association,简称AMA)于1937年由市场营销企业界及学术界具有远见卓识的人士发起成立.如今,该 ...

  2. mybatis之动态SQL操作之删除

    /** * 持久层 */ public class StudentDao { /** * 动态SQL--删除 */ public void dynaSQLwithDelete(int... ids) ...

  3. 一个伪静态与404重定向例子(房产网),.htaccess文件内容

    ErrorDocument 404 /404.phpRewriteEngine OnRewriteBase /RewriteRule ^(.*)\.(asp|aspx|asa|asax|dll|jsp ...

  4. Apple全系列缓冲区溢出内核RCE(CVE-2018-4407)poc

    # CVE-2018-4407 ICMP DOS # https://lgtm.com/blog/apple_xnu_icmp_error_CVE-2018-4407 # from https://t ...

  5. hive简单学习---1

    ---------------------------------------------------------------------------------------------------- ...

  6. CACTI批量添加linux主机sh脚本

    关于批量添加就三个文件:add_hosts.sh,ips.txt,thold_test.php,关于如何使用,更是简单 ./add_hosts.sh --add #执行批量工作./add_hosts. ...

  7. docker下载镜像

    注意:必须先搜索镜像,否则有时候无法下载 Docker下载Redis镜像并运行容器 .搜索查找镜像 docker search redis .下载镜像 docker pull redis:latest ...

  8. vue项目在(windowServer)nginx上的部署

    (一) 本地部署. 1.下载phpStudy (http://phpstudy.php.cn/) 2.安装到自己指定盘根目录的文件夹目录,安装完后会用到. 3.运行phpStusy可能报错,需要下载安 ...

  9. vs把asp.net旧的项目名称全部修改

    1 先打开项目,把名称全部替换掉,然后把解决方案,程序集名称全部替换掉. 2 重新生成,清理,关闭项目. 3 把.sln文件用文本编辑器打开,替换里面的名称,然后把文件夹名称都修改好.d 4.打开项目 ...

  10. Docker Windows

    docker windows 操作和linux上稍有些差异,主要是在启动容器时的命令参数 和 端口映射. 1.下载docker-toolbox http://mirrors.aliyun.com/do ...