jQuery
人生如初见_张默
这个作者很懒,什么都没留下…
展开
-
jQuery--AJAX
AJAX是指一种创建交互式网页应用的网页开发技术。AJAX=异步JavaScript和XML(标准通用标记语言的子集)。AJAX是一种用于创建快速动态网页的技术。AJAX是一种在无需重新加载整个网页的情况下,能够更新部份网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使用网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新,也就是:按需...原创 2019-12-20 17:28:30 · 138 阅读 · 0 评论 -
jQuery--特效
显示与隐藏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #content{display: none;} </sty...原创 2019-12-19 16:13:42 · 164 阅读 · 0 评论 -
jQuery--函数
命名函数可多次调用。函数声明:function func(args) {//执行语句};例:<script> $(document).ready(function() { //创建一个点击事件 $('img').clikc(show); //show()函数声明 function show() ...原创 2019-12-18 17:10:44 · 91 阅读 · 0 评论 -
jQuery--复制元素、包装元素、删除元素
复制元素仅适用于页面上存在的元素。<script> $(document.body).append('<div id="link">链接</div>');//向当前页面添加一个div元素 $('h3').clone().appendTo('#link');//将所有h3元素复制到id为link的div元素下 });</...原创 2019-12-18 16:03:59 · 293 阅读 · 0 评论 -
jQuery--文档元素的插入与替换
<script> $(document).ready(function() { $('#site').bind('click',function() { //1、append():将新元素添加到当前的jQuery对象中 $(this).append('html');//html添加到了h3标签里面 ...原创 2019-12-18 15:22:35 · 316 阅读 · 0 评论 -
jQuery--选择方法及$(this)用法
选择方法用方法来选择元素,可以视作$()函数的链式调用,返回仍然是一个jQuery对象$(function() {//一、根据结果集中元素位置来选择:first(),last(),eq(),slice()//1、选择第一个li $('li').first().css('color','red');//2、选择最后一个li $('li').last().css('co...原创 2019-12-18 14:36:31 · 2907 阅读 · 0 评论 -
jQuery--选择器
选择器分类1、简单选择器:标签名+过滤器常规过滤器:标签选择符、类选择符、id选择符$(function() {$('p').css('color','red');//标签$('.add').css('color','red');//类$('#app').css('color','red');//id});属性过滤器:属性放入[]中$(function() {/...原创 2019-12-18 12:28:47 · 96 阅读 · 0 评论 -
jQuery--HTML内容查询与设置
查询<script> $('li').eq(1).html();//获取第二个li中的内容 $('li').eq(1).text();//获取第二个li中的内容</script><body> <ul> <li>html01</li> <li>html02</li> ...原创 2019-12-17 15:43:59 · 174 阅读 · 0 评论 -
jQuery--类属性操作
addClass()<style> .red{border-radius:30px;box-shadow:8px 8px 5px red} .black{border-radius:30px;box-shadow:5px 5px 5px black}</style><script> $('img').addClass('red'...原创 2019-12-17 15:28:09 · 98 阅读 · 0 评论 -
jQuery--css属性查询与设置
查询<img src="images/logo.jpg" alt="图片" width="200px" height="200px" border-radius='30px' border-shadow='' style="width: 200px;height: 200px;border-radius: 30px;box-shadow: 8px 8px 5px red">&...原创 2019-12-17 15:14:10 · 166 阅读 · 0 评论 -
jQuery---html属性的查询、设置、删除
查询<img src='' alt='' width=''><script> $('img').attr('alt');</script>设置<img src='' alt='' width=''><script> $('img').attr('src','图片路径');</script&...原创 2019-12-17 14:19:27 · 132 阅读 · 0 评论 -
jQuery对象与DOM对象之间的相互转换
DOM//修改列表中第三个元素颜色document.getElementByTagName('li')[2].style.color='red';jQuery//修改所有颜色$('li').css('color','red');相互转换//通过DOM获取元素,然后改变样式$(document.getElementByTagName('li')[2]).css('...原创 2019-12-17 12:13:09 · 115 阅读 · 0 评论 -
jQuery--对象属性与遍历方法:each()
jQuery对象属性$(function() { console.log('长度'+$('li').length); console.log('选择符'+$('li').selector); console.log('上下文属性'+$('li').context); console.log('版本号'+$('li').jquery);});each方法...原创 2019-12-17 11:51:48 · 231 阅读 · 0 评论 -
jQuery--ajax
load() 方法load() 方法从服务器加载数据,并把返回的数据放入被选元素中。语法:$(selector).load(URL,data,callback);必需的 URL 参数规定您希望加载的 URL。可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。可选的 callback 参数是 load() 方法完成后所执行的函数名称。把文件 "demo_t...转载 2019-09-09 11:12:00 · 90 阅读 · 0 评论 -
jQuery--效果【链】
jQuery - 链(Chaining)通过 jQuery,可以把动作/方法链接在一起。Chaining 允许我们在一条语句中运行多个 jQuery 方法(在相同的元素上)。jQuery 方法链接直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。...转载 2019-09-10 10:38:39 · 90 阅读 · 0 评论 -
jQuery--效果【Callback】
jQuery 动画的问题许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。例子:$("p").hide("slow")speed 或 duration 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒。以下实例在隐藏效果完全实现后回调函数:$("button").click(fu...转载 2019-09-10 10:38:47 · 107 阅读 · 0 评论 -
jQuery--效果【停止动画】
jQuery stop() 方法jQuery stop() 方法用于停止动画或效果,在它们完成之前。stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。语法:$(selector).stop(stopAll,goToEnd);可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向...转载 2019-09-10 10:38:59 · 156 阅读 · 0 评论 -
jQuery--效果【动画】
jQuery 动画 - animate() 方法jQuery animate() 方法用于创建自定义动画。语法:$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。可选的 callback...转载 2019-09-10 10:39:07 · 108 阅读 · 0 评论 -
jQuery--效果【滑动】
jQuery 滑动方法通过 jQuery,您可以在元素上创建滑动效果。jQuery 拥有以下滑动方法:slideDown() slideUp() slideToggle()jQuery slideDown() 方法jQuery slideDown() 方法用于向下滑动元素。语法:$(selector).slideDown(speed,callback);可选的 s...转载 2019-09-10 10:39:18 · 127 阅读 · 0 评论 -
jQuery--效果【淡入/淡出】
jQuery Fading 方法jQuery 拥有下面四种 fade 方法:fadeIn() fadeOut() fadeToggle() fadeTo(jQuery fadeIn() 方法jQuery fadeIn() 用于淡入已隐藏的元素。语法:$(selector).fadeIn(speed,callback);可选的 speed 参数规定效果的时长。它可以取...转载 2019-09-10 10:39:26 · 206 阅读 · 0 评论 -
jQuery--效果【隐藏/显示】
jQuery 效果- 隐藏和显示jQuery hide() 和 show()通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:$("#hide").click(function(){ $("p").hide();}); $("#show").click(function(){ $("p").show();});语...转载 2019-09-10 10:39:35 · 168 阅读 · 0 评论 -
jQuery--html【尺寸】
jQuery 尺寸方法jQuery 提供多个处理尺寸的重要方法:width() height() innerWidth() innerHeight() outerWidth() outerHeight()jQuery width() 和 height() 方法width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。height() 方法设置或返回元素的高...转载 2019-09-11 10:38:51 · 140 阅读 · 0 评论 -
jQuery--HTML【css()方法】
jQuery css() 方法返回 CSS 属性如需返回指定的 CSS 属性的值,请使用如下语法:css("propertyname");下面的例子将返回首个匹配元素的 background-color 值:$("p").css("background-color");//只获取 了一个背景颜色//获取多个<body><h2>这是一个标题&...转载 2019-09-11 10:38:59 · 163 阅读 · 0 评论 -
jQuery--HTML【CSS类】
获取并设置 CSS 类jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些:addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性实例样式表下面的样式表将用于本页的所有例子...转载 2019-09-11 10:39:06 · 168 阅读 · 0 评论 -
jQuery--HTML【删除元素】
jQuery - 删除元素删除元素/内容如需删除元素和内容,一般可使用以下两个 jQuery 方法:remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素remove() 方法remove() 方法删除被选元素及其子元素。$("#div1").remove();empty() 方法jQuery empty() 方法删除被选...转载 2019-09-11 10:39:16 · 227 阅读 · 0 评论 -
jquery--html【添加元素】
添加元素添加新的 HTML 内容将学习用于添加新内容的四个 jQuery 方法:append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容append() 方法append() 方法在被选元素的结尾插入内容(仍然该元素的内部)。$("p")...转载 2019-09-11 10:39:24 · 1087 阅读 · 0 评论 -
jQuery--HTML【设置】
jQuery - 设置内容和属性设置内容 - text()、html() 以及 val()将使用前一章中的三个相同的方法来设置内容:text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值$("#btn1").click(function(){ $("#test1").t...转载 2019-09-09 11:56:41 · 103 阅读 · 0 评论 -
jQuery--HTML
获取内容和属性获得内容 - text()、html() 以及 val()三个简单实用的用于 DOM 操作的 jQuery 方法:text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容:$("#...转载 2019-09-09 11:46:25 · 137 阅读 · 0 评论 -
jQuery.contains()方法
jQuery.contains()方法实例检测一个元素包含在另一个元素之内:$(function () { function funcontain( html ){ document.body.innerHTML += "<br>" + html; } funcontain($.contains( document.docu...转载 2019-01-16 10:05:46 · 3197 阅读 · 0 评论 -
jQuery $.proxy() 方法
jQuery $.proxy() 方法实例强制执行 objPerson 内的 "test" 函数的上下文:$("button").click($.proxy(objPerson,"test"));定义和用法$.proxy 方法接受一个已有的函数,并返回一个带特定上下文的新的函数。该方法通常用于向上下文指向不同对象的元素添加事件。提示:如果您绑定从 $.proxy 返回...转载 2019-01-16 10:05:33 · 1218 阅读 · 0 评论 -
jQuery.inArray() 方法
jQuery.inArray() 方法实例返回数组中指定元素的索引值<div>"John" 在索引值为 <span></span> 的位置被找到</div><div>4 在索引值为 <span></span> 的位置被找到</div><转载 2019-01-15 10:16:03 · 213 阅读 · 1 评论 -
jQuery 文档操作 - empty() 方法
实例移除 p 元素的内容:$(".btn1").click(function(){ $("p").empty(); });定义和用法empty() 方法从被选元素移除所有内容,包括所有文本和子节点。语法$(selector).empty()亲自试一试 - 实例移除元素的内容使用 empty() 方法从元素移除内容。...转载 2019-01-15 10:15:50 · 819 阅读 · 0 评论 -
jQuery 文档操作 - replaceWith() 方法
实例使用新文本替换第一个P元素:$(".btn1").click(function(){ $("p").replaceWith("<b>Hello world!</b>");}); 定义和用法replaceWith() 方法用指定的 HTML 内容或元素替换被选元素。提示:replaceWith() 与 replaceAll() 作用相同...转载 2019-01-15 10:15:37 · 744 阅读 · 0 评论 -
jQuery – AJAX load() 方法
jQuery load() 方法jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据,并把返回的数据放入被选元素中。语法:$(selector).load(URL,data,callback);必需的 URL 参数规定您希望加载的 URL。可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。可选的 callb...转载 2019-01-15 10:15:13 · 304 阅读 · 0 评论 -
jQuery noConflict() 方法
jQuery - noConflict() 方法如何在页面上同时使用 jQuery 和其他框架?要解决这个问题,只需要使用jQuery中的noConflict()方法,它允许你在同一个页面加载多个jQuery实例,尤其是不同版本的jQuery。jQuery 和其他 JavaScript 框架正如您已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写。如果其他 J...转载 2019-01-15 10:15:00 · 250 阅读 · 0 评论 -
jQuery :empty 选择器
实例选取所有空元素:$(":empty")定义和用法:empty 选择器选取空的元素。空元素指的是不包含子元素或文本的元素。语法$(":empty")转载 2019-01-15 10:14:48 · 265 阅读 · 0 评论 -
jQuery 选择器
jQuery 选择器请使用我们的 jQuery 选择器检测器 来演示不同的选择器。选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") class="intro" 的所有元素 .class,.class $(".in.转载 2019-01-15 10:14:35 · 85 阅读 · 0 评论 -
jQuery 事件方法
jQuery 事件方法事件方法触发器或添加一个函数到被选元素的事件处理程序。下面的表格列出了所有用于处理事件的 jQuery 方法。方法 描述 bind() 向元素添加事件处理程序 blur() 添加/触发 blur 事件 change() 添加/触发 change 事件 click() 添加/触发 click 事件 dblclick(...转载 2019-01-15 10:14:24 · 110 阅读 · 0 评论 -
jQuery 效果方法
jQuery 效果方法下面的表格列出了所有用于创建动画效果的 jQuery 方法。方法 描述 animate() 对被选元素应用"自定义"的动画 clearQueue() 对被选元素移除所有排队函数(仍未运行的) delay() 对被选元素的所有排队函数(仍未运行)设置延迟 dequeue() 移除下一个排队函数,然后执行函数 fadeIn...转载 2019-01-15 10:14:13 · 87 阅读 · 0 评论 -
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法下面的表格列出了所有用于处理 HTML 和 CSS 的 jQuery 方法。下面的方法适用于 HTML 和 XML 文档。除了:html() 方法。方法 描述 addClass() 向被选元素添加一个或多个类名 after() 在被选元素后插入内容 append() 在被选元素的结尾插入内容 appendT...转载 2019-01-14 10:27:41 · 72 阅读 · 0 评论