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 · 140 阅读 · 0 评论 -
Jquery 元素插入的八种方式
Jquery 元素插入的八种方式 内部插入 同级插入 prepend before prependTo insertBefore append after appendTo insertBefore ("A").prepend('B) 将B元素插入到A元素的内部前面 ("A").prependTo("B") 将A元素插入到B元素的内部前面 ("A").append("B") 将B元素插入到A元素的内部末尾 ("A").appendT原创 2020-11-04 08:36:57 · 625 阅读 · 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 · 249 阅读 · 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 · 289 阅读 · 3 评论 -
jQuery 第十章 jqajax
一：概念： jQuery 对 Ajax 做了大量的封装，我们使用起来也较为方便，不需要去考虑浏览器兼容性。 对于封装的方式，jQuery 采用了三层封装：最底层的封装方法为：$.ajax()，而通过这 层封装了第二层有三种方法：.load()、$.get()和$.post()，最高层是$.getScript()和$.getJSON() 方法。 二： 方法： .load(‘路径地址’，数据) 唯一的局部方法 该方法用于静态页面，局部加载。 $.get(‘路径地址’，数据，函数) $.get(‘u原创 2020-10-05 19:54:43 · 222 阅读 · 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 · 186 阅读 · 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 · 115 阅读 · 0 评论 -
jQuery第七章 json
1:什么是json？ JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。 它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率 json本身是一个对象，主要作用是存储数据（json是存储和交换文本信息的语法，类似XML），json可以原创 2020-10-05 19:39:43 · 185 阅读 · 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 · 182 阅读 · 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 · 184 阅读 · 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 · 109 阅读 · 0 评论 -
jQuery第三章选择器方法
选择器方法 find() 匹配当前元素的后代 == $('div p')后代选择器 children() 匹配当前元素的子元素 == $('div>p')子选择器 next() 匹配当前元素的下一个同级元素== $('div+p')下一个同级选择器 nextAll() 匹配当前元素的下的所有同级元素 == $('div~p') prev() 匹配当前元素的前一个同级元素== prevAll() 匹配当前元素的前的同级元素== siblings() 匹配当前元素的所有同级元素原创 2020-09-30 10:29:39 · 139 阅读 · 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 · 152 阅读 · 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 · 143 阅读 · 0 评论