【前端开发 - JQuery - 下】的更多相关文章

前端开发 - JQuery - 下

二十五.jquery的事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery的事件</title> </head> <body> <!-- https://www.processon.com/view/link/5ad1c48de4b0b74a6dd65426 j…

【前端】:jQuery下

前言: 接上一篇博客: [前端]:jQuery上 一.jQuery属性操作 ① attr(设置或返回自定义属性值) input.select.textarea框中的内容, 可以通过attr来获取,但是如果你在input输入框中输入新的值,用attr是取不到input框新输入的值的!! 此时取到的仍是原来input框的文本内容(value). 请看下面的例子: <input id="i1" type="text" checked="checked&qu…

前端开发 - JQuery&Bootstrap - 总结

一.JavaScript和Jquery的区别 1.javascript的缺点: 1.书写繁琐,代码量大 2.代码复杂 3.动画效果,很难实现.使用定时器 各种操作和处理 2.定义: 1.Javascript是一门编程语言,我们用它来编写客户端浏览器脚本. 2.jQuery是javascript的一个库,包含多个可重用的函数,用来辅助我们简化javascript开发 3.jQuery能做的javascipt都能做到,而javascript能做的事情,jQuery不一定能做到 注意:一般情况下,是库…

前端开发 - JQuery - 上

一.js的缺点 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用js的一些痛处</title> <style type="text/css"> div{ width: 100%; height: 100px;margin: 10px 0 0 0 ;display: no…

前端开发 - jQuery

本节内容 一.jQuery概述 二.选择器 三.操作DOM 四.修改DOM结构 五.事件 六.动画 七.AJAX(待续) 八.扩展(待续) 一.jQuery概述 jQuery 是一个 JavaScript 库, 极大地简化了 JavaScript 编程,是JavaScript世界中使用最广泛的一个库 jQuery特点 消除浏览器差异:你不需要自己写冗长的代码来针对不同的浏览器来绑定事件,编写AJAX等代码: 简洁的操作DOM的方法:写$('#test')肯定比document.getElemen…

前端开发—jQuery

jquery简介 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:“Write less, do more.“ 注意事项: 一定要先导入后使用. 基础语法: $(selector).action()jQuery对象与JS原生对象: 查找标签 基本选择器 id选择器: $("#id") 标签选择器: $…

Web前端开发JQuery框架

JQuery 是一个兼容多浏览器支持的JavaScript库,其核心理念是write less,do more(写得更少,做得更多),它是轻量级的js库,兼容CSS3还兼容各种浏览器,需要注意的是后续版本将不再支持IE6/7/8浏览器,jQuery使用户能更方便地处理HTML.events.实现动画效果,并且方便地为网站提供AJAX交互,jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择,jQuery能够使用户的html页面保持代码和h…

第十一章 前端开发-jQuery

11.4.0 jQuery 11.4.1 基本知识 定义: jQuery是一个快速,小巧,功能丰富的JavaScript库 作用:它通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作,事件处理,动画和Ajax变得更加简单 jQuery使用 $ 符号,占用两个变量:$ 和 jQuery $ 实际上表示的是一个函数名. jQuery本质就是一个函数 $(); // 调用上面我们自定义的函数$ // 在script中写代码前,必须进行文档加载,避免出错 $(document).read…

前端开发 - JQuery - 中

十四.jquery属性操作 attr prop <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery属性操作 attr prop</title> </head> <body> <div id="box"> <p>路飞学城</…

前端开发 - JavaScript - 下

12.数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>数组</title> </head> <body> <script type="text/javascript"> // 容器 装东西 // python 叫 列表list // js 叫…