美文网首页我爱编程
js和jquery操作dom的异同

js和jquery操作dom的异同

作者: 知识分享share | 来源:发表于2018-04-04 23:28 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script src="http://code.jquery.com/jquery-1.11.3.js"></script>
  <title>jquery</title>
</head>
<body>
    <p id="imooc1"></p>
    <p id="imooc2"></p>
</body>
</html>

<script>
  window.onload = function(){
      var p = document.getElementById('imooc1');
      p.innerHTML = 'p1:您好!通过慕课网学习jquery才是最佳途径';
      p.style.color = 'red';
  }
</script>
<script type="text/javascript">
    $(document).ready(function(){
      var $p = $('#imooc2');
      $p.html('p2:您好!通过慕课网学习jquery才是最佳的途径').css('color','blue');
    });
</script>

相关文章

  • js和jquery操作dom的异同

  • 01jquery的基本认知

    1、 jQuery(JQ) jQuery是一个用原生js封装的js类库作用 大量直接操作DOM 解决兼容问题dom...

  • 常用DOM操作

    前言 很多同学用惯了jquery操作dom,让他们用js操作的时候,常常力不从心,本文总结了常用的js的dom操作...

  • JQuery

    JQuery 基础:概念快速入门JQuery对象和JS对象区别与转换选择器DOM操作案例 JQuery 基础: 概...

  • 会jquery 就能快速快速上手 vue? 你仿佛在说笑

    vue和jquery 操作DOM的区别 jquery 操作Dom 的思维:获取Dom元素 步骤: 1、在dom中输...

  • 虚拟DOM 系列(一)

    JS 和 DOM 交互的效率很低 Jquery 的出现虽然解决了 DOM 的绑定, 但是并没有解决频繁操作 DOM...

  • jQuery与lodash($|_)

    jQuery jQuery 是一个非常经典的 js 库 $是表达符号 常用 jQuery对象DOM操作 jQuer...

  • jquery原理和核心方法学习笔记

    1、jquery的实现原理 2、jquery对象和js对象互换 dom 对象转为jquery对象 $(dom) j...

  • jQuery

    jQuery简介 jQuery其实就是原生JS封装之后的一种方法。比起原生JS的操作要方便许多,原生JS的DOM操...

  • 02-JQuery操作DOM

    一、JS获取DOM元素和JQuery获取DOM元素的区别 JavaScript获取的是DOM对象,而Jquery获...

网友评论

    本文标题:js和jquery操作dom的异同

    本文链接:https://www.haomeiwen.com/subject/xjzlhftx.html