JavaScript与jQuery常用方法的比较

1.加载DOM区别

JavaScript:

  window.onload = first;

  window.onload = second;

只会执行第二个window.onload

jQuery:

  $(document).ready(function(){

    first();

  } 

  $(document).ready(function(){

    first();

  }

2.获取ID

JavaScript:

  document.getElement("idName")

jQuery:

  $("#idName")

3.获取Class

JavaScript:

  无明确方法

jQuery:

  $(".className")

4.获取元素

JavaScript:

  document.getElementsByTagName("tagName")

jQuery:

  $("tagName")

5.创建对象并加入文档中

JavaScript:

  var elem = document.createElement("p")

  document.body.appendElement(elem)

jQuery:

  $("div").append("<span>里约奥运</span>")

时间: 2024-12-06 05:18:58

JavaScript与jQuery常用方法的比较的相关文章

jquery 常用方法 集锦

JQuery常用方法 1.获取元素 $("标签名").$("#id").$(".类名").$("标签名,#id,.class") $("祖先 子孙").$("父>子").$("前+后").$("兄~弟")指定层次关系 $("p[id]")获取有id的p.$("p[id^=p]")获取有id且,id设定值

一篇 jQuery 常用方法及函数的文章留存备忘。

jQuery 常见操作实现方式 $("标签名") //取html元素 document.getElementsByTagName("") $("#ID") //取单个控件document.getElementById("") $("div #ID") //取某个控件中 控件 $("#ID #ID") // 通过控件ID取其中的控件 $("标签.class样式名") /

JQUERY 常用方法大全

JQUERY 常用方法大全 Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值,参数是map $("img").attr("src","test.jpg"); 给某个元素添加属性/值 $(&quo

JQuery基本知识汇总;JQuery常用方法;浅入了解JQuery

一.jQuery对象与JavaScript对象 ①JavaScript入口函数比jQuery入口函数执行的晚一些: JQuery的入口函数会等页面加载完成才执行,但是不会等待图片的加载: JavaScript入口函数需要等待页面加载和图片加载完成才执行: JavaScript入口函数:window.onload = function(){}: JQuery入口函数:①$(document).ready(function(){});    ②$(function(){}); ②JQuery对象与D

【JavaScript】jQuery Ajax 实例 全解析

jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) :

【Javascript】jQuery Validate扩展验证方法

/*****************************************************************jQuery Validate扩展验证方法*****************************************************************/// 判断整数value是否等于0 jQuery.validator.addMethod("isIntEqZero", function (value, element) { valu

bootstrap下拉框的例子,提示Error: Bootstrap&#39;s JavaScript requires jQuery

bootstrap很多js依赖jquery,所以需要引入jquery 遇到的问题: 页面访问提示:Error: Bootstrap's JavaScript requires jQuery 解决方法: 在引入bootstrap的js文件之前,先引入jquery.js 导入顺序可以向下面一样 <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script><link rel

为什么原生 JavaScript 开发越来越多受欢迎?是否应该跟风用原生JavaScript代替 jQuery等库?

本文标签:  jQuery的作用 原生JavaScript优势 jQuery官网 jQuery处理DOM和跨浏览器 JavaScript新特性 互联网杂谈 随着 JavaScript 本身的完善,越来越多的人开始喜欢使用原生 JavaScript 开发代替各种库,其中不少人发出了用原生 JavaScript 代替 jQuery 的声音.这并不是什么坏事,但也不见得就是好事.如果你真的想把 jQuery从前端依赖库中移除掉,我建议你慎重考虑. 首先 jQuery 是一个第三方库.库存在的价值之一在

通过javascript库JQuery实现页面跳转功能代码

通过javascript库JQuery实现页面跳转功能代码的四段代码实例如下. 实例1: 1 2 3 4 $(function(){ var pn = $("#gotopagenum").val();//#gotopagenum是文本框的id属性 location.href = "NewList.aspx?pagenum="+pn;//location.href实现客户端页面的跳转 }); 实例2: 实现跳转:window.location = 'user!add.