一、创建元素节点1.1 原生JS创建元素节点1document.createElement("p");1.2 jQuery创建元素节点1$('<p></p>');`二、创建并添加文本节点2.1 原生JS创建文本节点1`document.createTextNode("Text Content");通常创建文本节点和创建元素节点配合使用,比如:1 2 3
## 使用jQuery的.find()方法查找指定的CSS类名 ### 简介 在开发中,我们经常需要根据特定的条件来查找DOM元素。使用jQuery的.find()方法可以帮助我们快速准确地查找具有指定CSS类名的元素。 ### 流程概述 以下是使用jQuery的.find()方法查找指定的CSS类名的步骤表格: | 步骤 | 描述 | | ---- | ---- | | 步骤1 | 引
原创 9月前
20阅读
=Ajax概述Ajax是Asynchronous JavaScript And XML的简称,它允许我们在不刷新整个页面的情况下,就可以异步获取数据,并更新页面的部分内容。那么Ajax的工作流程是怎样的呢?大体来说,可以分为四步:页面当中的事件或者函数触发Ajax请求的时候,建立XMLHttpRequest对象,以进行接下来的Ajax请求。调用XMLHttpRequest的open函数XMLHtt
JS 实现 PromiseMDN Promise 参考地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise源码已经放在github:https://github.com/ronliruonan/sv-book/tree/master/javascript/promise
一、原生js实现ajax$.ajax({ url: '', type: 'post', data: {name: 'zhaobao', age: 20}, dataType: 'json', success: function (data) { }, error: function () { } }) function ajax(options) { opt
转载 2023-08-07 14:40:20
150阅读
JS 实现 Promise===============MDN Promise 参考地址: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise   github源码地址:https://github.com/ronliruonan/sv-boo
// yi获取元素节点 //一 :过id的方式( 通过id查找元素,大小写敏感,如果有多个id只找到第一个) document.getElementById('div1'); // 通过类名查找元素,多个类名用空格分隔,得到一个HTMLCollection(一个元素集合,有length属性,可以通过索引号访问里面的某一个元素) var cls = document.getElementsByCl
# 使用 jQuery find 方法获取元素的值 ## 简介 在前端开发中,经常会遇到需要获取页面中某个元素的值的情况。jQuery 是一个非常流行的 JavaScript 库,它提供了丰富的方法来操作页面元素。其中,`find` 方法可以帮助我们在指定的元素内部查找匹配特定选择器的元素。本文将介绍如何在 jQuery 中使用 `find` 方法来获取元素的值。 ## 整体流程 ```me
原创 11月前
13阅读
今天来总结一下javascript原生实现ajax数据请求。一:什么是AJAX;二:AJAX有什么优势;二:AJAX的工作原理;三:AJAX的用途;一:什么是 AJAX ?   AJAX = 异步 JavaScript 和 XML。   AJAX 是一种用于创建快速动态网页的技术。   通过在后台与服务器进行少量数据交换,AJAX 可以使
原创 2016-11-09 14:23:53
1661阅读
ES6中Promise可以说很大情况下改善了异步回调的嵌套问题,那么如果我们自己去写一个类似Promise的库应该怎么去写? 我们先看一下Promise的特点: 第一:Promise构造函数接受一个函数作为参数,函数里面有两个参数resolve和reject分别作为执行成功或者执行失败的函数 第二:
一、原生JS实现ajax第一步获得XMLHttpRequest对象第二步:设置状态监听函数第三步:open一个连接,true是异步请求第四部:send一个请求,可以发送一个对象和字符串,不需要传递数据发送null第五步:在监听函数中,判断readyState=4&&status=200表示请求成功第六步:使用responseText、responseXML接受响应数据,并使用原生J
转载 10月前
20阅读
一般来说,大家可能都会习惯用JQuery提供的Ajax方法,但是用原生js怎么去实现Ajax方法呢? JQuery提供的Ajax方法: $.ajax({ url: , type: '', dataType: '', data: { }, success: function(){ }, error:
转载 2021-05-13 11:54:00
233阅读
2评论
...
jvm
原创 2021-07-12 18:05:35
148阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&...
原创 2021-09-02 14:04:59
133阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
转载 2021-08-03 10:39:00
172阅读
2评论
原生js和jQuery分别实现轮播图一、原生js实现轮播图(1)实现功能(2)html示例代码(3)css示例代码(3)js示例代码(4)说明(5)效果演示二、jQuery实现轮播图(1)实现功能(2)html示例代码(3)css示例代码(4)js示例代码(5)效果展示三、最后要说的话 一、原生js实现轮播图(1)实现功能 1.能够自动平滑的循环轮播。2.点击导航圆点控制轮播。(2)html
1.什么是 ajax        ajax的出现刚好解决了传统方法的缺陷,ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,ajax可以使i网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。2.XMLHttpRequest 对象     &nbs
Ajax简介ajax = 异步 JavaScript 和 XML。 ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。我们知道,传统的网页(不使用ajax)如果需要更新内容,必须重新加载整个网页。Ajax的出现,使得使网可以实现异步更新,这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 注意:ajax本身不支持跨域请求,需要在服务器端处理。工作原理ajax
在互联网的洪荒时代,网站主要用 HTML和 CSS 开发的。若是将 JavaScript 加载到页面中,一般是以小片断的形式提供效果和交互,通常会把全部的 JavaScript 代码全都写在一个文件中,并加载到一个 script 标签中。尽管能够把 JavaScript 拆分为多个文件,可是全部的变量和函数仍然会被添加到全局做用域中。前端可是后来 JavaScript 在浏览器
一般来说,大家可能都会习惯用JQuery提供的Ajax方法,但是用原生js怎么去实现Ajax方法呢?    JQuery提供的Ajax方法: $.ajax({ url: , type: '', dataType: '', data: { }, success: function(){
  • 1
  • 2
  • 3
  • 4
  • 5