
jQuery
jQuery是对JavaScript的封装,它是免费、开源的JavaScript函数库,jQuery 极大地简化了 JavaScript 编程。
缘 源 园
https://mp.weixin.qq.com/s/EtndbQk9m9n75xiQsDcvww 欢迎关注博主微信公众号。一起交流互动更多问题。
展开
-
json数据格式介绍
1. json的介绍json是 JavaScript Object Notation 的首字母缩写,翻译过来就是javascript对象表示法,这里说的json就是类似于javascript对象的字符串,它同时是一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。2. json的格式json有两种格式:对象格式 数组格式对象格式:对象格式的json数据,使用一对大括号({}),大括号里面放入key:value形式的键值对,多个键值对使用逗号分隔。对象格.原创 2021-04-10 09:23:12 · 1011 阅读 · 0 评论 -
ajax是什么?发送http请求获取后台服务器数据的技术
1. ajax的介绍ajax 是 Asynchronous JavaScript and XML的简写,ajax一个前后台配合的技术,它可以让 javascript 发送异步的 http 请求,与后台通信进行数据的获取,ajax 最大的优点是实现局部刷新,ajax可以发送http请求,当获取到后台数据的时候更新页面显示数据实现局部刷新,在这里大家只需要记住,当前端页面想和后台服务器进行数据交互就可以使用ajax了。这里提示一下大家,在html页面使用ajax需要在web服务器环境下运行, 一般向自.原创 2021-04-10 09:23:00 · 606 阅读 · 0 评论 -
JavaScript对象
1. JavaScript对象的介绍JavaScript 中的所有事物都是对象:字符串、数值、数组、函数等都可以认为是对象,此外,JavaScript 允许自定义对象,对象可以拥有属性和方法。2. JavaScript创建对象操作创建自定义javascript对象有两种方式:通过顶级Object类型来实例化一个对象 通过对象字面量创建一个对象Object类创建对象的示例代码:<script> var person = new Object(); .原创 2021-04-10 09:22:44 · 75 阅读 · 0 评论 -
JQuery事件代理
1. 事件代理介绍事件代理就是利用事件冒泡的原理(事件冒泡就是事件会向它的父级一级一级传递),把事件加到父级上,通过判断事件来源,执行相应的子元素的操作,事件代理首先可以极大减少事件绑定次数,提高性能;其次可以让新加入的子元素也可以拥有相同的操作。事件冒泡代码: <script> $(function(){ var $div1 = $('#div1'); var $div2 = $('#div2'); $div1.cli原创 2021-04-10 09:22:23 · 375 阅读 · 0 评论 -
jQuery事件
常用事件click() 鼠标单击 blur() 元素失去焦点 focus() 元素获得焦点 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发) ready() DOM加载完成示例代码:<script> $(function(){ var $li = $('.list li'); var $button = $('#button1') var $text = $("#原创 2021-04-10 09:22:10 · 75 阅读 · 0 评论 -
通过prop方法获取和设置元素属性
prop方法的使用可以使用css方法可以给标签设置样式属性,那么设置标签的其它属性可以使用prop方法了。示例代码:<style> .a01{ color:red; }</style><script> $(function(){ var $a = $("#link01"); var $input = $('#input01') // 获取元素属性原创 2021-04-10 09:21:52 · 878 阅读 · 0 评论 -
jquery使用html方法获取和设置标签的html内容
html方法的使用jquery中的html方法可以获取和设置标签的html内容示例代码:<script> $(function(){ var $div = $("#div1"); // 获取标签的html内容 var result = $div.html(); alert(result); // 设置标签的html内容,之前的内容会清除 $div.html("<spa原创 2021-04-09 11:59:33 · 478 阅读 · 0 评论 -
JQuery选择集转移
1. 选择集转移介绍选择集转移就是以选择的标签为参照,然后获取转移后的标签2. 选择集转移操作$('#box').prev(); 表示选择id是box元素的上一个的同级元素 $('#box').prevAll(); 表示选择id是box元素的上面所有的同级元素 $('#box').next(); 表示选择id是box元素的下一个的同级元素 $('#box').nextAll(); 表示选择id是box元素的下面所有的同级元素 $('#box').parent(); 表示选择id是b.原创 2021-04-09 11:59:24 · 153 阅读 · 0 评论 -
JQuery选择集过滤
1. 选择集过滤的介绍选择集过滤就是在选择标签的集合里面过滤自己需要的标签2. 选择集过滤的操作has(选择器名称)方法,表示选取包含指定选择器的标签 eq(索引)方法,表示选取指定索引的标签has方法的示例代码:<script> $(function(){ // has方法的使用 var $div = $("div").has("#mytext"); // 设置样式 $div.css({"b.原创 2021-04-09 11:59:11 · 125 阅读 · 0 评论 -
jQuery选择器
1. jQuery选择器的介绍jquery选择器就是快速选择标签元素,获取标签的,选择规则和css样式一样。2. jQuery选择器的种类标签选择器 类选择器 id选择器 层级选择器 属性选择器示例代码:$('#myId') //选择id为myId的标签$('.myClass') // 选择class为myClass的标签$('li') //选择所有的li标签$('#ul1 li span') //选择id为ul1标签下的所有li标签下的span标签$('input.原创 2021-04-09 11:58:53 · 182 阅读 · 0 评论 -
jQuery的用法
1. jQuery的引入<script src="js/jquery-1.12.4.min.js"></script>2. jQuery的入口函数我们知道使用js获取标签元素,需要页面加载完成以后再获取,我们通过给onload事件属性设置了一个函数来获取标签元素,而jquery提供了ready函数来解决这个问题,保证获取标签元素没有问题,它的速度比原生的 window.onload 更快。入口函数示例代码:<script src="js/jqu.原创 2021-04-09 11:58:41 · 95 阅读 · 0 评论 -
jQuery的介绍
1. jQuery的定义jQuery是对JavaScript的封装,它是免费、开源的JavaScript函数库,jQuery 极大地简化了 JavaScript 编程。2. jQuery的作用jQuery和JavaScript它们的作用一样,都是负责网页行为操作,增加网页和用户的交互效果的,只不过jQuery简化了JavaScript编程,jQuery实现交互效果更简单。3. jQuery的优点jQuery兼容了现在主流的浏览器,增加了程序员的开发效率。 jQuery简化了..原创 2021-03-31 00:04:49 · 248 阅读 · 0 评论