![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Jquery
姑苏_IT
喜欢古风的小哥哥
展开
-
9.Ajax
1.load() 语法:$(selector).load(URL,data,callback); $("#div1").load("demo_test.txt"); 2.get() - 通过 HTTP GET 请求从服务器上请求数据。 语法:$.get(URL,callback); $("button").click(function(){ $.get("demo_test.php",function(data,status){ alert("数据: " + data + "原创 2020-08-06 09:06:09 · 81 阅读 · 0 评论 -
8.jQuery遍历
1.遍历祖先 parent()- 返回被选元素的直接父元素。 parents()-返回所有祖先元素 parentsUntil()-返回给定两个元素之间的所有父元素 2.遍历子元素 children()- 返回被选元素的所有直接子元素。 $(document).ready(function(){ $("div").children(); }); find() - 返回被选元素的后代元素,一路向下直到最后一个后代。 $(document).ready(function(){ $("原创 2020-08-06 09:05:30 · 89 阅读 · 0 评论 -
6.jQuery效果
1. 显示与隐藏 $(selector).hide(speed,callback) $(selector).show(speed,callback) toggle $(selector).toggle(speed,callback) speed取值: slow fast 毫秒值 2.淡入淡出 fadeIn()用于淡入已隐藏的元素 语法:$(selector).fadeIn(speed,callback); fadeOut()用于淡出元素 语法:$(selector).fadeOut(sp原创 2020-08-05 09:04:14 · 83 阅读 · 0 评论 -
5.jQuery事件
1.常见DOM事件 鼠标事件 键盘事件 表单事件 文档/窗口事件 click keypress submit load dblclick keydown change resize mouseenter keyup focus scroll mouseleave blur unload click:点击鼠标是触发 dblclick:双击鼠标时触发 mouseenter:鼠标指针穿过元素时触发 mouseleave:鼠标指针离开元素时触发 mousedown:鼠标移到元素上原创 2020-08-05 09:02:46 · 109 阅读 · 0 评论 -
4.jquery选择器
1.元素选择器 jquery元素选择器基于元素名选取元素. $("p") 2.ID选择器 根据id属性选择元素: $("#test") 3.class选择器 根据class属性查找元素: $(".test") 4.css选择器 jQuery的css选择器可用于改变HTML元素的css属性: $("p").css("background-color","red"); 5.其他选择器 语法 描述 $("*") 选取所有元素 $(this) 选取当前HTML元素 $(“p.intr原创 2020-08-05 09:02:15 · 109 阅读 · 0 评论 -
3.jquery语法
jquery语法 基础语法:$(selector).action() 美元符号’$'定义jquery selector为HTML元素 action()为对元素的操作 示例: $(this).hide()//隐藏当前元素 $("p").hide //隐藏所有P标签 $("p.test").hide()//隐藏所有class="test"的p标签 $("#test").hide() //隐藏所有id="test的元素" 文档就绪事件 $(document).ready(function(){原创 2020-08-05 09:01:14 · 79 阅读 · 0 评论 -
2.安装jquery
title: 2.安装jquery tags: 2019-10-30 notebook: JQuery 1.在网页中添加jquery的方法 从[jquery.com][1]下载jquery库 从CDN中载入jquery 2.jquery的两种版本 Production Version-用于实际的网站中,已被精简和压缩 Development Version-用于测试和开发(未被压缩,是可读的代码) 在HTML中引入jquery <head> <scrip.原创 2020-08-05 09:00:41 · 139 阅读 · 0 评论 -
1.jQuery简介
1. jQuery是一个JavaScript函数库 2. jQuery是一个轻量级JavaScript函数库 3. jQuery主要功能 HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX Utilities 提供了大量插件 4.jQuery版本支持 jQuery2.0以上版本不支持IE6,7,8浏览器.如果使用的是IE6,7,8浏览器,要使用jQuery1.9版本,或者通过条件注释 ...原创 2020-08-05 09:00:14 · 87 阅读 · 0 评论