![](https://img-blog.csdnimg.cn/20190903162902323.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
jQuery
Trevor Lan
工欲善其事,必先利其器!
展开
-
jQuery对象与DOM对象
Jquery对象与DOM对象 <p id=”red”></p> 我们要获取页面上这个id为red的p元素并添加文本“this is red”,接着让文字颜色变成红色。 DOM对象 var p = document.getElementById('imooc'); p.innerHTML = 'this is red'; p.style.color = 'red...原创 2019-03-15 15:26:11 · 869 阅读 · 0 评论 -
jQuery入口函数
文档加载完毕,而图片还没加载的时候也可以执行 $(document).ready(function () { alert(1); }) 或 $(function () { alert(1); }); 文档和图片加载完毕的时候再执行 $(window).ready(function () { ...原创 2019-04-07 14:46:09 · 625 阅读 · 0 评论 -
jQuery之DOM操作
jQuery为HTML添加元素 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 before() - 在被选元素之前插入内容 after() - 在被选元素之后插入内容 jQuery删除某个HTML元素 empty() - 从被选元素中删除子元素 remove() - 删除被选元素(及其子元素) jQuery操作样式的几种方法 ad...原创 2019-03-16 15:11:30 · 797 阅读 · 0 评论 -
jQuery之内容获取
获取内容 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn...原创 2019-03-16 14:13:42 · 623 阅读 · 0 评论 -
第二节 Jquery选择器
常用的选择器 id选择器 查找的ID,即元素的id属性 $( "#id" ) 类选择器 通过class样式类名来获取节点 $( ".class" ) 元素选择器 根据给定(html)标记名称选择所有的元素 $( "element" ) 全选择器(*选择器) 在CSS中,经常会在第一行写下这样一段样式 $( "*" ) 语法 描述 $("*") ...原创 2019-03-16 11:44:25 · 571 阅读 · 0 评论 -
JQuery之异步操作
$(document).ready(function(){ $("#search").click(function(){ $.ajax({ type: "GET", url: "/index/index/search?number=" + $("#keyword").val(), dataType: "json", success: funct...原创 2019-03-07 20:12:49 · 2490 阅读 · 0 评论 -
jQuery之GET与POST方法
$.get() 方法 $.get(URL,callback); URL:参数规定您希望请求的 URL。 callback:执行成功后的回调函数 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss....原创 2019-03-16 00:00:59 · 866 阅读 · 0 评论 -
jQuery之load()方法
语法 $(selector).load(URL,data,callback); 必需的URL参数规定您希望加载的 URL。 可选的data参数规定与请求一同发送的查询字符串键/值对集合。 可选的callback参数是 load() 方法完成后所执行的函数名称。 callback回调函数的参数 responseTxt- 包含调用成功时的结果内容 statusTXT-...原创 2019-03-15 22:49:55 · 709 阅读 · 0 评论 -
第六节 jQuery之效果篇
显示与隐藏 hide() show() toggle() <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script...原创 2019-03-15 22:38:26 · 565 阅读 · 0 评论 -
jQuery之AJAX处理
jquery.ajax([settings]) async 布尔值,表示请求是否异步处理。默认是 true。 beforeSend(xhr) 发送请求前运行的函数。 cache 布尔值,表示浏览器是否缓存被请求页面。默认是 true。 complete(xhr,status) 请求完成时运行的函数(在请求成功或失败之后均调用,即在 success 和 err...原创 2019-03-15 22:08:09 · 579 阅读 · 0 评论 -
Jquery-qrcode生成二维码
引入jquery和jquery-qrcode <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdn.bootcss.com/lrsjng.jquery-qrcode/0.17.0/jquery-qrcode.min.js...原创 2019-05-18 00:40:38 · 1436 阅读 · 0 评论