jQuery
关注
分享
扫一扫
宅羽
这个作者很懒，什么都没留下…
展开
-
jQuery资料之事件操作
◆ 普通的事件注册：语法：element.事件(function())$("div").click(function(){ 事件处理程序 })普通的事件注册优缺点：优点: 操作简单，且不用担心事件覆盖等问题。缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法。示例：<body> <div></div> ...原创 2019-12-23 08:50:38 · 99 阅读 · 0 评论 -
jQuery资料之尺寸操作
◆ 尺寸操作：尺寸操作包括元素宽高的获取和设置，且不一样的API对应不一样的盒子模型。语法用法width()/height()取得匹配元素的宽度和高度值 只算width和heightinnerWidth()/innerHeight()取得匹配元素的宽度和高度值 包含paddingouterWidth()/outerHeight()取得匹配元素的宽度和高度...原创 2019-12-17 08:43:36 · 146 阅读 · 0 评论 -
jQuery资料之位置操作
◆ offset()：设置或获取被选元素相对于文档的偏移坐标，跟父级没有关系。该方法有两个属性：left和top。offset().top //用于获取距离文档顶部的距离offset().left //用于获取距离文档左侧的距离设置元素的偏移：offset( { top: 10, left: 30 } );◆ position()：返回被选元素相对于带有定位的父级的偏移坐标...原创 2019-12-17 08:31:24 · 145 阅读 · 0 评论 -
jQuery资料之元素操作
◆ 创建元素：$('<li></li>') //动态创建一个li◆ 内部添加：append方法把内容放到匹配元素内容的最后面，类似原生的appendChildelement.append('内容')prepend方法把内容放到匹配元素内容的最前面element.prepend('内容')◆ 外部添加：把内容放到目标元素的后面element.afte...原创 2019-12-16 08:54:45 · 78 阅读 · 0 评论 -
jQuery资料之遍历元素
◆ 遍历元素：jQuery 隐式迭代是对同一类元素做了同样的操作。 如果想要给同一类元素做不同操作，就需要用到遍历。方法一：$('div').each(function (index, domEle) { xxx, } )each方法遍历匹配每个元素，主要用DOM处理。里面的回调函数有2个参数：index为每个元素的索引号，domEle是每个DOM元素对象，不是jQuery对象所以...原创 2019-12-16 08:42:17 · 228 阅读 · 0 评论 -
jQuery资料之常用事件
◆ hover事件：语法：hover([over,]out) // 其中over和out为两个函数over:鼠标移到元素上要触发的函数（相当于mouseenter）out:鼠标移出元素要触发的函数（相当于mouseleave）如果只写一个函数，则鼠标经过和离开都会触发它...原创 2019-12-09 16:49:44 · 86 阅读 · 1 评论 -
jQuery资料之常用方法
◆ 设置样式：$('div').css('属性', '值') 示例：$(function() { console.log($("div").css("width")); // $("div").css("width", "300px"); // $("div").css("width", 300); // $("div").css(height, "3...原创 2019-12-09 16:42:41 · 98 阅读 · 0 评论 -
jQuery资料之for 循环
◆ for 循环：原生JS最基本的使用：for (var i=0;i<array.length;i++){ .....}◆ for in：循环遍历对象的属性，以任意顺序遍历一个对象的可枚举属性，得到对像的key或数组的下标，。对于每个不同的属性，语句都会被执行。var obj = {a:1, b:2, c:3};var array1 = ['a','b','c']...原创 2019-11-25 09:55:54 · 1963 阅读 · 0 评论 -
jQuery资料之ajax
◆ ajax方法：$.ajax()$.get() #使用 AJAX 的 HTTP GET 请求从服务器加载数据$.post() #使用 AJAX 的 HTTP POST 请求从服务器加载数据◆ 常用参数：url：规定发送请求的 URL。默认是当前页面。type：规定请求的类型（GET 或 POST）。dataType：预期的服务器响应的数据类型。data：规定要发送到服务器的...原创 2019-10-16 09:18:27 · 125 阅读 · 1 评论 -
jQuery资料之入口函数
◆ 原生js入口函数。页面上所有内容加载完毕，会执行。不仅文本加载完毕，而且图片也要加载完毕，在执行函数。window.onload = function () { alert(1);}◆ jquery的入口函数。1.文档加载完毕，图片不加载的时候就可以执行这个函数。$(document).ready(function () { alert(1); })...原创 2018-12-18 17:43:16 · 118 阅读 · 0 评论 -
jQuery资料之基本语法
基础语法： $(selector).action()美元符号定义 jQuery选择符（selector）"查询"和"查找" HTML 元素jQuery 的 action() 执行对元素的操作示例$(this).hide() - 隐藏当前元素$("p").hide() - 隐藏所有 <p> 元素$("p.test").hide() - 隐藏所有 class="test"原创 2018-11-30 17:55:46 · 200 阅读 · 0 评论 -
jQuery资料之基本知识
jQuery引用:&lt;head&gt;&lt;script src="jquery-1.10.2.min.js"&gt;&lt;/script&gt;&lt;/head&gt;如果不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络） 引用它。taticfile CDN、百度、又拍云、新浪、谷歌和微原创 2018-11-30 17:44:55 · 289 阅读 · 0 评论 -
jQuery资料之特殊效果
可选的 speed 参数规定隐藏/显示的速度，可以取以下值：“slow”、“fast” 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。◆ 隐藏和显示：★ hide()和show()$(selector).hide(speed,callback);$(selector).show(speed,callback); 隐藏和显示方法$(document).re...原创 2018-12-04 19:32:21 · 111 阅读 · 0 评论 -
jQuery资料之选择器
元素选择器：基于元素名选取元素。 $(“p”)$(document).ready(function(){ $("button").click(function(){ $("p").hide(); });});#id 选择器通过 HTML 元素的 id 属性选取指定的元素。 $("#test")$(document).ready(function原创 2018-12-04 14:33:44 · 111 阅读 · 0 评论