jQuery内容
starry__sty
这个作者很懒,什么都没留下…
展开
-
jQuery ajax发送请求
get()$.ajax({//请求的方式type:‘GET’,//发送请求的地址以及传输的数据url:‘1.php?name’’+=xxx,//服务器的类型dataType:‘jsonp’//发送成功:success:function(da){console.log(da)},//发送失败error:function(){}})post()$.ajax({//请求的方式type:‘POST’,//发送请求的地址url:‘1.php’,//传给服务器的参数data原创 2020-11-16 19:50:00 · 95 阅读 · 0 评论 -
Jquery 元素插入的八种方式
Jquery 元素插入的八种方式内部插入同级插入prependbeforeprependToinsertBeforeappendafterappendToinsertBefore("A").prepend('B) 将B元素插入到A元素的内部前面("A").prependTo("B") 将A元素插入到B元素的内部前面("A").append("B") 将B元素插入到A元素的内部末尾("A").appendT原创 2020-11-04 08:36:57 · 560 阅读 · 0 评论 -
jQuery on 和bind的区别
on :可以多一个selector参数,可以给子元素添加事件.使用on添加事件,比如给自己的子元素使用类选择器添加的,后来创建的含有这个类名的子节点也有事件html: <div id='div1'> <li>aaaa</li> <li class='a'>bbb</li> <li>aaaa</li> </div>js: $('#div1').on(原创 2020-11-01 18:49:39 · 201 阅读 · 0 评论 -
jQuery deatch()和remove()
deatch()和remove()的区别:deatch()remove()删除元素删除元素删除匹配到的元素但是会保存添加的数据和事件,当你再把元素添加回来,他还会有之前的数据和事件找到匹配的元素,并且会清空其对应的内容简单例子:html:<div><p>区别</p></div>js:p元素的绑定事件 $("p").click(function(){alert("remove与detach的区别")});var a原创 2020-10-29 10:43:11 · 223 阅读 · 3 评论 -
jQuery 第十章 jqajax
一:概念:jQuery 对 Ajax 做了大量的封装,我们使用起来也较为方便,不需要去考虑浏览器兼容性。对于封装的方式,jQuery 采用了三层封装:最底层的封装方法为:$.ajax(),而通过这层封装了第二层有三种方法:.load()、$.get()和$.post(),最高层是$.getScript()和$.getJSON()方法。二: 方法:.load(‘路径地址’,数据) 唯一的局部方法 该方法用于静态页面,局部加载。$.get(‘路径地址’,数据,函数)$.get(‘u原创 2020-10-05 19:54:43 · 173 阅读 · 0 评论 -
jQuery第九章工具方法
工具方法: $.type() 返回数据类型 $.trim() 去除空格 $.inArray() 打印数组下标 $.grep() 筛选数据 $.map() 修改数据 $.merge() 合并数组 $.uniqe() 删除相同 工具方法 // var aa={};// alert(aa instanceof Array)$(function(){// var a=’[1]’;// alert(.type(a))//varb=原创 2020-10-05 19:51:04 · 113 阅读 · 0 评论 -
jQuery第八章 原生ajax
ajax的概念AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。*AJAX 异步请求数据。什么是Ajax?AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用原创 2020-10-05 19:48:24 · 73 阅读 · 0 评论 -
jQuery第七章 json
1:什么是json? JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。 它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率 json本身是一个对象,主要作用是存储数据(json是存储和交换文本信息的语法,类似XML),json可以原创 2020-10-05 19:39:43 · 123 阅读 · 1 评论 -
jQuery第六章动画
显示隐藏<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 300px; height: 300px; background: red; } </style> <script src="../原创 2020-10-04 20:37:01 · 129 阅读 · 0 评论 -
jQuery第五章事件
1:绑定事件方法:bind(事件,函数) 元素绑定事件**绑定事件方法的优点就是可以绑定多个事件,可以同时处理<body> <button>点击</button> </body> <script type="text/javascript">// $('button').click(function(){// alert(12312)// })// $('button').mouseover(function(){原创 2020-10-04 20:31:17 · 135 阅读 · 0 评论 -
jQuery第四章DOM
1:获取值的方法 html() text() val() 既可以获取input里面的值/也可以设置值 ** 如果是下拉菜单 、单选、多选的情况下 val([''])方法 还可以将他们设置成默认选中 **prop('checked',true) 专属input默认选中方法2:操作属性的方法attr() 获取/设置元素属性的方法** attr()还可以设置多个属性 设置多个属性采用对象的模式 attr({'k1':'v1','k2':'v2','k3':'v3'})remove原创 2020-10-04 20:25:01 · 72 阅读 · 0 评论 -
jQuery第三章选择器方法
选择器方法 find() 匹配当前元素的后代 == $('div p')后代选择器 children() 匹配当前元素的子元素 == $('div>p')子选择器 next() 匹配当前元素的下一个同级元素== $('div+p')下一个同级选择器 nextAll() 匹配当前元素的下的所有同级元素 == $('div~p') prev() 匹配当前元素的前一个同级元素== prevAll() 匹配当前元素的前的同级元素== siblings() 匹配当前元素的所有同级元素原创 2020-09-30 10:29:39 · 89 阅读 · 0 评论 -
jQuery第二章选择器
1:基础选择器```bash id # class . 标签 div * 通配符 群组 #box,p css() 一个值的时候是找这个元素的值,两个值的时候是设置样式 举例 找元素的值: alert($('p').css('color')) 举例 设置元素的样式: $('#txt').css('color','red'); size() 返回的元素个数 举例: alert($('p').size())<!DOCTYPE html&g原创 2020-09-29 14:31:16 · 112 阅读 · 0 评论 -
jQuery入门概念
1:什么是jQuery?它通过封装原生的 JavaScript 函数得到一整套定义好的方法。2:jQuery的作用?1.像 CSS 那样访问和操作 DOM 2.修改 CSS 控制页面外观 3.简化 JavaScript 代码操作 4.事件处理更加容易 5.各种动画效果使用方便 o 6.让 Ajax 技术更加完美 7.基于 jQuery 大量插件 8.自行扩展功能插件3:jQuery的优点?以更少的代码、实现更多的功能4:jQuery的引入方式?1:本地引入(外链接)原创 2020-09-29 11:16:52 · 98 阅读 · 0 评论