jQuery不按类、id或类和id重新加载div - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

JavaScript学习笔记（四）—— jQuery入门

1. jQuery选择器 - 选择器都是以 $() 开头的基础选择器选择器描述 id选择器指定id元素 class选择器遍历css类元素 element元素遍历HTML元素 *选择器遍历所有元素...并列选择器这类选择器将每一个选择器匹配到的元素合并后一起返回 div id="notMe">id="notMe"div> div id="myDiv">id="...简单伪类选择器伪类选择器说明 :not(selector) 选择除了某个选择器之外的所有元素 :first或first() 选择某元素的第一个元素 :last或last() 选择某元素的最后一个元素...) 选择包含选择器所匹配元素的元素 :empty 选择所有不包含子元素或者不包含文本的元素 :parent 选择含有子元素或者文本的元素 $("div:contains('刘...，一直按一直触发返回键盘代码 keypress 在键盘上按下一个能产生字符的按键时触发返回ASCII码 keyup 松开某一键时触发返回键盘代码 jQuery的事件处理 1. jQuery常用的事件方法

12.4K5 0

【前端基础篇】JavaScript之jQuery介绍

这是为了防⽌⽂档在完全加载（就绪）之前运⾏ jQuery 代码，即在⽂档加载完成后才可以对⻚⾯进⾏操作。...id="test">div> div id="test2">div> $(document).ready...代码示例：删除被选元素（及其子元素） div id="div1">我是⼀个divdiv> 删除 div 元素 $(function...两个类 removeClass(): 移除元素的一个或多个类，通常与addClass()配合使用，用于动态样式切换。...动画完成后执行的回调函数 alert("动画完成"); }); // 此代码将使 #elementId 渐渐变透明，同时向右移动50px，并在5秒内切换高度 ajax(): 用于进行异步HTTP请求，可以加载数据而无需重新加载页面

3.2K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

jQuery学习笔记

); /*******************************/ $(function(){ //jQuery代码 }); 选择器语法: jQuery的选择器语法格式和CSS的调用方法一样的哦...| |event.which |指示按了哪个键或按钮。...id="demo"> div id="Down">向下滑动div> div id="Toggle">滑动切换div> div id="Up">向上滑动div>...接受一个参数，过滤被删除的元素（即指定删除） removeClass() 删除元素的class加载 empty() 删除被选元素的子元素 jQuery CSS 获取/设置 addClass() 向被选元素添加一个或多个...遍历向上遍历DOM树 parent() 返回自己的直接父类元素 parents() 返回自己的所有直系类元素（直至根元素） parentsUntil() 返回两种直接的所有直系类元素（不包含） //

8.8K3 0

一个小时学会jQuery

而jQuery3修复了大量的bug，增加了新的方法，同时移除了一些接口，并修改了少量接口的行为，不1和2是不同的API。更轻更快：2.0版本文件与1.9.1相比小了12%。...假定我们想选择带有CSS类notLongForThisWorld的所有div>元素。jQuery语句如下所示： $("notLongForThisWorld"); 3.2. ...1.11.3.js"> div id="notMe">id="notMe"div> div id="myDiv">id="myDiv"div> div").css("border","9px solid red"); 四、350行jQuery常用脚本 4.1、常用选择器 $('#div1') //id为div1的节点...请求超时这个参数通常就保留其默认值，要不就通过jQuery.ajaxSetup来全局设定，很少为特定的请求重新设置timeout选项。

22.4K7 1

jQuery 教程

jQuery 选择器基于元素的 id、类、类型、属性、属性值等”查找”（或选择）HTML 元素。...//ID选择器 $("div") //元素选择器 $(".classname") //类选择器 $(".classname,.classname1,#id1") /..."div[id]") //所有含有 id 属性的 div 元素 $("div[id='123']") // id属性值为123的div 元素 $("div[id!...菜鸟教程获取并设置 CSS 类（对 CSS 元素进行操作）：jQuery 获取并设置 CSS 类 | 菜鸟教程 jQuery 的 css() 方法（设置或返回被选元素的一个或多个样式属性）：jQuery...下面的例子把 “demo_test.txt” 文件中 id=”p1″ 的元素的内容，加载到指定的 div> 元素中：实例：$(“#div1”).load(“demo_test.txt #p1”);

21K2 0

jquery jQuery快速入门

它的宗旨就是：“Write less, do more.“ jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。...维护IE678是一件让人头疼的事情，一般我们都会额外加载一个CSS和JS单独处理。...选择器： $(".className") 配合使用： $("div.c1") // 找到有c1 class类的div标签所有元素选择器： $("*") 组合选择器： $("#id, .className...(.c1)")// 找到所有不包含c1样式类的li标签 $("li:not(:has(a))")// 找到所有后代中不含a标签的li标签练习：自定义模态框，使用jQuery实现弹出和隐藏功能。...：登录校验示例与window.onload的区别 window.onload()函数有覆盖现象，必须等待着图片资源加载完成之后才能调用 jQuery的这个入口函数没有函数覆盖现象，文档加载完成之后就可以调用

19.5K5 1

Web API--入门--（一）ASP.NET Web API 2（C＃）入门

使用Javascript和jQuery调用Web API 在本节中，我们将添加一个使用AJAX调用Web API的HTML页面。我们将使用jQuery来进行AJAX调用，并且还可以使用结果更新页面。...> All Products id="products" /> div> div> Search by ID id="product" /> div> jQuery/jquery-2.0.3....运行应用程序按F5开始调试应用程序。网页应如下所示： ? 2 要通过ID获取产品，请输入ID并单击搜索： ? 如果您输入的ID无效，则服务器返回HTTP错误： ?...从Internet Explorer 9中，按F12打开工具。单击网络选项卡，然后按开始捕获。现在回到网页，按F5重新加载网页。

6.2K1 0

Jquery入门基础教程免费版

————————————————-----------看大厂的源码------ jd:1.6.4 sina:1.7.3 jquery 3.选择器和方法 3.1 使用jquery访问三个div元素 div> div class="three">类样式的周鸿祎div> 如何不使用innerHTML呢？....first() .last() .eq(0) 3.2 基本选择器 1.id选择器 $("#id名") 2.类选择器 $(".类选择器名")来访问相应的使用类样式的元素 3....方法描述执行时机 keydown( ) 触发或将函数绑定到指定元素的keydown事件按下键盘时 keyup( ) 触发或将函数绑定到指定元素的keyup事件释放按键时 keypress( )...触发或将函数绑定到指定元素的keypress事件按下并松开 3.1.3 绑定事件 fadeIn 淡入用600毫秒缓慢的将段落淡入速度参数：("slow","normal", or "fast

2.2K1 0

前端(四)-jQuery

; //只有后面这个才有效 //jQuery 的用法，页面结构加载完成后，调用函数，可以定义多个，互相不影响,且都可以执行 //三个都可以执行 $(document).ready...选择器基本选择器的语法：$("选择器").action(); 2.1 基本选择器名称语法说明标签选择器 element 选取指定标签名的元素类选择器 .class 选取指定类名的元素 ID选择器..."样式类名") 切换样式(就是添加和移除结合)可以与hover事件结合 hasClass("样式类名") 判断是否包含指定样式 3.2 内容操作 html() text() 方法名说明 html(...键盘事件方法说明 keydown() 键盘按下事件 keyup() 键盘弹起事件 keypress 产生可打印的字符事件键盘按下灵活应用 //键盘按下事件，判断是否是enter键，并手动提交表单...() toggle(函数) 复合事件随着鼠标的点击自动切换函数 toggleClass(类名) 相当于addClas("类名")，removeClass() 4.4 jQuery 动画效果 4.4.1

9.9K3 0

【领会要领】web前端-轻量级框架应用（jQuery基础）

jQuery框架，简介，优势，安装，语法，jQuery选择器，id选择器，类选择器，标记选择器，属性选择器，位置选择器，后代选择器，子代选择器，选择器对象，选择器对象遍历，页面初始化，jQuery的dom...id选择器 $("#id") 根据给定的id匹配一个元素类选择器 $(".class") 根据给定的类匹配元素标记选择器 $("element") 根据给定元素名匹配所有元素属性选择器 $..."div:first") 匹配所有div中第一个div元素后代选择器 $("ancestor descendant") 匹配给定的祖先元素的所有后代元素 $("#ul li") 匹配 id 为null...background','green'); }, function(){ $('#p1").css("background","pink"); } } }); keydown()键盘或按钮被按下时...keypress()当键盘或按钮被按下时，发生keypress事件。表单事件当提交表单时，会发生submit事件。

3K2 0

jQuery

维护IE678是一件让人头疼的事情，一般我们都会额外加载一个CSS和JS单独处理。...") // 找到有c1 class类的div标签所有元素选择器： $("*") 组合选择器： $("#id, .className, tagName") 层级选择器：（同css） x和y可以为任意选择器...div:has(.c1)")// 找到所有后代中有c1样式类（类属性class='c1'）的div标签 $("li:not(.c1)")// 找到所有不包含c1样式类的li标签 $("li:not(:has...儿子和兄弟元素： $("#id").children();// 儿子们 $("#id").siblings();// 兄弟们，不包含自己，.siblings('#id')，可以在添加选择器进行进一步筛选...　　　　keydown和keyup事件（键盘按键按下和抬起的事件，还有一些其他的key事件）组合示例：按住shift实现批量操作：　　　　　　先把下面的代码都拿过来看看效果：　　　　　　代码示例

10.2K2 0

01-老马jQuery教程-jQuery入口函数及选择器

jQuery有助于刚入门的开发人员，更深入的理解原生DOM的开发方式 jQuery库封装的的确非常经典，做一下小项目和简单的项目足够支撑第三方类库太丰富！...下载地址：http://code.jquery.com/jquery-1.11.3.min.js 2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。...下载地址：http://code.jquery.com/jquery-2.1.4.min.js 3.x：不兼容ie678，只支持最新的浏览器。...var $div = $('#id'); // $div 不是dom对象是jQuery的包装对象。...描述 ID选择器 $("#id"); 获取指定ID的元素全选选择器 $('*'); 匹配所有元素类选择器 $(".class"); 获取同一类class的元素标签选择器 $("div"); 获取同一类标签的所有元素

3.2K10 0

jQuery

目录 jQuery 官网下载与安装 jQuery简介 jQuery 内容 jQuery语法 jQuery对象对比DOM对象和jQuery对象对象之间的转换选择器基本选择器组合选择器属性选择器...$('tagName') 标签选择器 . $('.className') 类选择器 # $('#id') id选择器 * $('*') 通用选择器 demo <!...a~b) 弟弟选择器（不需要紧挨着） ps：相邻和弟弟选择器都是同级别的 demo div id="d1" class="d1">div1 id="p1" class="p1" >div...为s1的值，效果选择1和2 $("#s1").val(["1", "2"]) 获取被选中的checkbox或radio的值：女加载完毕再执行函数 jQuery中也有：ready // 原生js文档加载方式 window.onload = function () {} // jQuery文档加载方式1 $(document

8.2K1 0

jQuery基础

它的宗旨就是：“Write less, do more.“ 二、为什么要用jQuery？一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。...维护IE678是一件让人头疼的事情，一般我们都会额外加载一个CSS和JS单独处理。...class类的div标签所有元素选择器： $("*") 组合选择器： $("#id, .className, tagName") 层级选择器： x和y可以为任意选择器 $("x y");// x的所有后代...(指的是从后代元素找) 例子： $("div:has(h1)")// 找到所有后代中有h1标签的div标签 $("div:has(.c1)")// 找到所有后代中有c1样式类的div标签 $("li:not...(.c1)")// 找到所有不包含c1样式类的li标签 $("li:not(:has(a))")// 找到所有后代中不含a标签的li标签属性选择器： [attribute] [attribute=value

2.6K12 0

jQuery，和嵌入其中的Ajax

选取单选按钮点击元素在事件中经常使用术语"触发"（或"激发"）例如："当您按下按键时触发 keypress 事件"。 ?...jQuery 选择器 jQuery选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML元素。...通过 jQuery AJAX 方法，您能够使用HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML或JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。... 下面的例子会把文件 "demo_test.txt" 的内容加载到指定的div> 元素中：实例 $("#div1").load("demo_test.txt"); 也可以把 jQuery 选择器添加到...下面的例子把 "demo_test.txt" 文件中id="p1" 的元素的内容，加载到指定的 div> 元素中：实例 $("#div1").load("demo_test.txt#p1"); 可选的

4.3K2 0

Python全栈之jQuery笔记

的入口函数要比JS的入口函数先执行; 2.jQuery的入口函数会等待页面加载完成才执行,但不会等待图片的加载; 3.JS的入口函数会等待页面和图片都加载完成才执行....$("#id名") 获取指定的ID元素类选择器 $(".class名") 获取同一类class元素标签选择器 $("标签名")...其他过滤方法,比如filter()和not()允许您选取匹配或不匹配某项指定标准的元素. first() 返回被选元素的首个元素....$("#div1").load("demo_test.txt #p1"); 把"demo_test.txt"文件中id="p1"的元素的内容,加载到指定的div>元素中....get()和post()方法: jQuery get()和post()方法用于通过HTTP GET或POST请求从服务器请求数据

6.7K4 0

jQuery基本语法和选择器

核心特性：链式语法高校灵活的CSS选择器使用和扩展丰富的插件官网：https://jquery.com/ 三大版本：目前jQuery有三个大版本。...最新版本：3.2.1（2017年3月20日） ———————————————— jd:1.6.4 sina:1.7.3 3.选择器和方法 3.1 使用jquery访问三个div元素 jquery 加载事件 //$(document):当前文档对象; //.ready():方法；参数：匿名函数对象,传递进去了； // $(document).ready...div> div id="two">第二个divdiv> div class="three">第三个使用类样式的divdiv> 如何不使用innerHTML....first() .last() .eq(0) 3.2 基本选择器 1.id选择器 $("#id名") 2.类选择器 $(".类选择器名")来访问相应的使用类样式的元素 3.标签选择器 $(“div”)

4771 0

JQuery基础

使用大公司CDN好处：许多用户在访问其它站点时，已经从百度、新浪、谷歌和微软加载过jQuery。当用户访问我的站点时，会从缓存中加载jQuery，这样可以有效减少加载时间！...注意：简写： $(function(){ //开始书写jQuery代码 }; 第三部分：jQuery选择器：元素选择器：$("p") id选择器：$("#test") 类选择器：$(".test...html()：设置或获取所选元素的内容(包括HTML标记) val()：设置或获取表单字段的值 --　　获取属性： attr()：设置或获取属性值　　ps1：以上函数不传入参数时是获取；传入参数时是设置...例如:$('p').remove('.test1'); empty()：从被选元素中删除子元素（被选元素没有被删除，相当于留了一个外壳） 4.获取/设置css类: addClass()：向被选元素中添加一个或多个类...； removeClass()：向被选元素中删除一个或多个类； toggleClass()：切换addClass()和removeClass()； css()：设置或获取css属性。

6.8K5 1

1-选择器与DOM对象

("demo"); (3) toggleClass() toggleClass()函数用于切换当前jQuery对象所匹配的每一个元素上指定的css类名。...过滤选择器 (6.1) :first和:last（取第一个元素或最后一个元素）下面的代码，G1（first元素）和G3（last元素）会变色 G1 G2div> G1 div class="wrap">G2div> div> (6.4) :even和:odd（取偶数索引或奇数索引元素，索引从0开始，even表示偶数，odd表示奇数..."文本的会变色 $('dd:contains("jQuery")').css('color', '#FF0000'); }); (7.2) :empty（取不包含子元素或文本为空的元素） $('dd:empty...可见性过滤选择器 (8.1) :hidden（取不可见的元素） jQuery至1.3.2之后的:hidden选择器仅匹配display:none或的元素，而不匹配

3.4K11 0

Ajax详解

Ajax不是一门编程语言，指的是一种交互方式：客户端与服务器交换数据并更新在局部网页的技术，不需要重新加载整个页面。 Ajax的核心就是异步加载或者叫局部刷新。什么是局部刷新？...会以重新加载整个页面的形式展示结果，同步加载，所以input框内输入的内容全部清空。 ?...Ajax局部刷新：点击提交按钮后，在input框输入内容，服务器响应返回，只动态刷新要展示结果的部分网页，并不会影响到input框的输入，结果展示和输入是同时在进行的，互不干扰，异步加载。 ?...complete：请求完成调用的函数（无论成功或失败都会调用）。使用jQuery发送Ajax请求，代码大大简化。...id="id">div> div id="name">div> div id="pwd">div> Servlet： package

1.4K4 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭