jquery概述

author author     2022-08-12     176

关键词:

 

JQuery是什么

在JavaScript基础上开发出来的,对javascript进行封装,功能更强大,操作更方便的一种JavaScript库
JQuery=JavaScript+Query=通过JavaScript从文档中查询元素,并对其进行操作

 

特点

 
  •  

    简洁的语法,跨浏览器的兼容性

  •  

    适用于文档遍历,DOM操作

  •  

    事件处理以及动画特效AJax等

 

主要功能

 
  •  

    获取网页元素,设置网页外观,更改网页内容

  •  

    响应用户操作(事件)

  •  

    添加动画效果,实现AJax交互

 

案例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<style type="text/css">
#info
{
    width:500px;
    height:500px;
    background-color:red;
    display:none;
}
</style>
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(function(){
    $("#btn").click(function(){
          $("#info").show(2000);
        });
    });
</script>
</head>
<body>
<input type="button" value="测试" id="btn" />
<div id="info"></div>
</body>
</html>

  

结果展示:这是一个点击测试按钮,一个填充颜色的div块在2000毫秒内全部出现
技术分享技术分享

 



jquery概述

目录jQuery的加载jQuery基础jQuery对象jQuery构造函数jQuery构造函数返回的结果集链式操作$(document).ready()$.noConflict方法jQuery实例对象的方法结果集的过滤方法DOM相关方法添加、复制和移动网页元素的方法动画效果方法其他方法事件处... 查看详情

jquery-01.概述

目前比较流行的JavaScript类库有:jQuery/Prototype/MooTools/Dojo/ExtJS/YUI jQuery编程步骤:1.引入jQuery库文件2.使用选择器定位要操作的节点3.调用jQuery的方法进行操作 <!doctypehtml><htmllang="en"><head><metacharset="U 查看详情

jquery概述及其选择器(代码片段)

目录jQuery的概述jQuery的使用方式jQuery的选择器基本选择器基本过滤选择器属性过滤选择器内容过滤选择器可见性过滤选择器表单对象属性过滤选择器表单选择器子元素选择器层次选择器jQuery的概述jQuery:是JavaScript的一个函数... 查看详情

jquery概述

宗旨:WriteLess,DoMore.基础知识:  1.符号$代替document.getElementById()函数  2.使用Css+Xpath来查询页面元素  3.适当的混用jQuery、Dom和JavaScript能够提升程序的执行效率。     如:Offset、Append 查看详情

jquery概述

 JQuery是什么在JavaScript基础上开发出来的,对javascript进行封装,功能更强大,操作更方便的一种JavaScript库JQuery=JavaScript+Query=通过JavaScript从文档中查询元素,并对其进行操作 特点  简洁的语法,跨浏览器的兼容性&n... 查看详情

jquery概述

JQUERY JS语法字典---网友总结1.document.write("");输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:doc 查看详情

javascript之jquery-1jquery概述jquery的编程步骤jquery对象

一、jQuery概述 JavaScript类库 -JavaScript类库的出现,是为了简化JavaScript的开发 -JavaScript类库封装了预定义的对象和实用的函数,可以帮助开发人员来建立有高难度交互的Web2.0特性的丰富客户端页面,并且兼容各大浏览器... 查看详情

jquery——jquery概述/jquery选择器/jquery样式操作/jquery效果(代码片段)

原以为jQuery不需要学习,但是接触了一些VUE框架,发现用到了好多jQuery的知识,于是返回来重新学习。本系列笔记大概分为三篇,陆续更新。参考:W3school——jQuery教程;黑马pink老师前端入门文章目录「一... 查看详情

jquery概述

jQuery是一个JavaScript·框架,作用:简化开发    本质上是一些js文件,然后对元素的js进行了封装  1js和jquery对象的互相转换,jquery对象在操作时更方便     1.1jQuery对象和js对象方法不通用      1.2   ... 查看详情

jquery事件绑定.on()简要概述及应用

原文地址:http://www.jquerycn.cn/a_5346  前几天看到事件委托的时候,关于live()方法讲的不是很详细,就去搜了一下关于live()和delegate()的,最后看源码发现bind()和delegate()都是由on()实现的,感兴趣的朋友可以了解下,或许本文... 查看详情

jquery中常用的选择器

属性选择器1> [attribute]概述:匹配包含给定属性的元素。示例jQuery代码:$("div[id]")描述:查找所有含有id属性的div元素2> [attribute=value]概述:匹配给定的属性是某个特定值的元素3>[attribute!=value]概述:匹配所有不含有指... 查看详情

jquery选择器(代码片段)

jQuery选择器1jQuery概述2jQuery选择器概述3基本选择器4层次选择器5过滤选择器5.1基本过滤选择器5.2内容过滤选择器5.3可见性过滤选择器5.4属性过滤选择器5.5子元素过滤选择器5.6表单对象属性过滤选择器6表单选择器1jQuery概述jQuery是... 查看详情

前端开发-jquery

本节内容一、jQuery概述二、选择器三、操作DOM四、修改DOM结构五、事件六、动画七、AJAX(待续)八、扩展(待续) 一、jQuery概述  jQuery是一个JavaScript库, 极大地简化了JavaScript编程,是JavaScript世界中使用最广泛的一个... 查看详情

ajax概述及xmlhttprequest对象的常见属性方法(代码片段)

目录Ajax概述Ajax优点Ajax缺点Ajax核心XMLHttpRequest对象的方法XMLHttpRequest对象的属性HTTP概述请求报文响应报文jQuery对Ajax的封装jQuery通用方法发送Ajax请求GET请求POST请求Ajax概述Ajax:AsynchronousJavaScriptAndXML,异步JavaScript和XML技术... 查看详情

jquery.deferred对象

目录概述deferred对象的方法基本用法notify()和progress()then方法pipe方法与PromiseA+规格的差异promise对象辅助方法$.when()方法使用实例wait方法改写setTimeout自定义操作使用deferred接口参考链接概述deferred对象代表了将要完成的某种操作,... 查看详情

jquery基础操作超详解✨(代码片段)

文章目录JQuery基础1.JQuery概述2.选择器操作3.DOM操作JQuery基础本章主要总结JQuery的一些基本操作。1.JQuery概述概念:一个JavaScript框架,简化JS开发。JQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的Jav... 查看详情

html4:jquery

Html4:jQuery1、概述2、选择器3、筛选器4、文本操作5、样式操作6、属性操作7、文档处理8、CSS9、位置10、事件11、自定义属性一、概述jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript... 查看详情

jquery的查找

children([expr])概述:取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。可以通过可选的表达式来过滤所匹配的子元素。注意:parents()将查找所有祖辈元素,而children()只考虑子元素而不考虑所有后代元素。用以... 查看详情