首页 > 编程语言 >Javascript-极速入门指南-3-jQuery使用教程

Javascript-极速入门指南-3-jQuery使用教程

时间:2022-12-07 16:22:25浏览次数:60  
标签:jQuery jquery 对象 代码 Javascript js https 极速

内容概要

  • jQuery类库

类库 jQuery 简介

jQuery的宗旨: Write less, do more  写的更少做的更多

jQuery的特点为:
	1.加载速度快
	2.选择器更多更好用
	3.一行代码走天下
	4.支持ajax请求(重点)
	5.兼容多浏览器

jQuery 使用教程

jQuery下载与安装

jQuery类似python中的模块

由于浏览器默认只认识html css js

不认识jquery 需要要使用需要先导入

image

 	<script src="jQuery3.6.js"></script>
jQuery导入之后需要使用关键字才可以使用
	默认的关键字就是jQuery但是不好输入 >>>:	$
    
jQuery封装了JS代码 让编写更简单 但是有时候JS代码更快


js代码与jQuery代码对比
 //js代码
 
    let pEle = document.getElementsByTagName('p')[0]

    pEle.style.color = 'red'

    pEle.nextElementSibling.style.color = 'green'
 //jQuery代码
 
    $('p').first().css('color','yellow').next().css('color','blue')

标签对象与jQuery对象

1.不同的对象能够调用的方法是不同的

	在编写代码的时候一定要看清楚手上是什么对象
	
2.两者可以互相转换

	标签对象转jQuery对象
	
    	$(标签对象)
		
 	jQuery对象转标签对象
	
    	jQuery对象[0]

标签:jQuery,jquery,对象,代码,Javascript,js,https,极速
From: https://www.cnblogs.com/ddsuifeng/p/16963454.html

相关文章

  • 现代javascript教程 数组
    array字面量或者构造函数声明数组newArray(100),长度100的空获取数组长度,是一个属性,arr.length获得元素,通过索引值,arr[0]修改数组,arr[0]=0用alert方法打印数组,会......
  • JavaScript Promises, async/await
    newPromise()的时候,传一个executor给Promise.letpromise=newPromise(function(resolve,reject){//thisfunctionwillexecutesimmediately})这个函数......
  • jQuery实现侧边模块固定
    HTML代码:<divid="header">header</div><divid="sidebarWrap"><divid="sidebar">Sidebar</div></div><divid="main">Main</div><divid="footer">foot......
  • JavaScript中 FileReader 对象详解
    1.概念:FileReader对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区即buffer)的内容,使用File或Blob对象指定要读取的文件或数据。2.属性:FileR......
  • 360极速浏览器打不开国内网站的一种解决方法
    360极速浏览器打不开国内网站的一种解决方法​​一、问题描述​​​​二、解决办法​​一、问题描述点击东北大学官方网站,显示您访问的网页出错了。二、解决办法点击右上角......
  • javaScript_01_按照key排序
     javaScript_01_按照key排序前言Object.keys()与Objetc.values()实现按key排序前言最近做一个小程序项目需要用到腾讯地图的api,在计算sig的时候需要将参数按照......
  • javascript - 判定输入浮点数是否合法
    方法借鉴其他作者,我进行了错误汇总并完善,记录以备后用;首先建立一个功能函数,用于检查输入浮点数是否合法:functionCheckValueError(theFloat){}//返回True表示错误,返回F......
  • JavaScript入门⑦-DOM操作大全
    JavaScript入门系列目录JavaScript入门①-基础知识筑基JavaScript入门②-函数(1)基础{浅出}JavaScript入门③-函数(2)原理{深入}执行上下文JavaScript入门④-万物皆......
  • JavaScript中的中间排序算法
    英文|https://medium.com/@gianfranconuschese/intermediate-sorting-algorithms-in-javascript-4ec8b641b32翻译|web前端开发(ID:web_qdkf)最近,我介绍了一些使用JavaScri......
  • 前端开发JS之BOM、DOM操作、事件、jQuery类库
    BOM操作DOM操作查找标签操作节点class与css操作事件事件实战案例jQuery类库标签对象与jQuery对象BOM操作全称:BrowserObjectModel指浏览......