Jquery
Jquery
程序员·小李
不知道要干什么的时候,停一停,想一想;知道想要什么的时候,努努力,拼一拼。
展开
-
Dom对象与JQuery对象的互转
JQuery对象转Dom对象:var $obj = $("#id");方法一:var obj =$("#id")[0];方法二:var obj =$("#id").get(0);Dom对象转JQuery对象:var obj = document.getElementById("id");var $obj = $(obj);原创 2022-03-17 08:39:35 · 745 阅读 · 0 评论 -
Jquery-01:简介
JQuery的使用在头部引入js文件即可使用JQuery:想要在页面初始化之后做点什么?上面两种都是可以的,第二种更常用。JQuery对象和DOM对象的相互转换通过JQuery对象的取数组第一个元素的操作可以转换成DOM对象。...原创 2021-03-14 20:24:19 · 108 阅读 · 0 评论 -
Jquery绑定事件及动画效果
绑定事件bind(type,data,fuc)one(type,data,fuc) //只执行一次常见事件类型名称 含义 blur 失去焦点 focus 获得焦点 load 加载 resize 重置大小 scroll 滚动 unload 卸载 click 点击 dblclick ...原创 2019-01-07 09:22:38 · 4169 阅读 · 20 评论 -
JQuery002: 元素选择
1.等待元素准备$(document).ready(function(){// 开始写 jQuery 代码...});2.元素选择器jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。j...原创 2018-11-10 13:01:32 · 259 阅读 · 0 评论 -
Juery操作Dom
查找元素的节点并找到元素的内容: var idText = $("#id").text(); 获取p元素的title属性值 var text = $("p").attr("title") 创建文本节点并追加: var ele = $("<li> 香江</li>")$("ul").append(ele)原创 2019-01-04 20:41:22 · 184 阅读 · 0 评论 -
Jquery选择器
基本选择器:选择id: $("#id")选择class:$(".class")选择元素:$("p")多选择$("p,a,div")层次选择器:选择div所有p后代元素:$("div p")选择div单层直系后代元素:$("div > p")选择div后面紧挨的p元素$("div + p") 或者$(&quo原创 2019-01-04 11:52:11 · 285 阅读 · 0 评论 -
Jquery03: Each方法
Each方法Each方法用于遍历元素:<ul> <li>Mango</li> <li>Book</li></ul>这里使用li标签获取所有li元素,然后使用each方法遍历每个元素,参数是index,也就是元素的次序,$(this)将当前元素转为JQuery元素,因此可以直接调用text方法打印标签内容....原创 2021-03-14 21:14:31 · 145 阅读 · 0 评论 -
JQuery001 将Jquery加入Html
下载地址: http://jquery.com/download/使用CDN:<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </script>或<script src="https://upcdn.b0.upaiyun.com/libs/jquery/jqu...原创 2018-11-10 12:52:10 · 124 阅读 · 0 评论 -
Jquery04: 属性
prop和attr的区别二者大多数情况下没有太大的区别,在特殊情形下,设置checkbox必须使用prop:此处使用attr是无效的。移除属性可使用removeAttr()或者removeProp()方法获取属性使用下面语句可以获取属性信息:$([selector]).attr([attribute name]);例如:<a href="/home">Home</a>使用下面语句可以获取href:$(‘a’).attr(‘href’);获取Data原创 2021-03-14 21:25:22 · 62 阅读 · 0 评论 -
Jquery的Ajax操作
Load load(url, data, callback) $("#id").load("url"); GET/POST $.get(url, data, callback, type) url就是链接地址data是发送到服务端的数据callback是回调函数type是返回数据格式xml,json,html,text等 ...原创 2019-01-07 09:47:12 · 164 阅读 · 0 评论 -
JQuery-02:选择器
选择器JQuery可以通过选择器选择一个或多个元素,基于CSS选择器做的:语法含义$("*")选择所有元素$(“div”)选择所有div 元素$(".blue")选择所有 class=blue 的元素$(".blue.red")选择所有 class=blue 并且 class=red 的元素$(".blue,.red")选择所有class=blue 或者 class=red的元素$("#headline")选择第一个 id=headline的原创 2021-03-14 21:08:23 · 187 阅读 · 0 评论