}) div 3.控制HTML属性 控制标签属性 k = "v"...src value link中的href 3.1prop() prop()用法：分为单属性和多属性两种写法 多属性就是字典的语法{k:v,k:v}：只支持修改，不支持访问。....siblings()选择元素的同级别元素 -----排他思想：只许州官放火不许百姓点灯 先将自己控制一遍，然后调用siblings再把除了自己的其他同级元素控制一遍 这个 this jq中使用this...---$(this) 会自动检索事件发生的目标 链式编程（链式调用）的好处：简化代码量，执行的时候提高效率， 导航标签都用ul套li jq中使用onclick、onmouseover等都取消on 文字1 文字2 文字3
jQuery中定义变量的时候，一般命名用$开头。同事一看就知道是使用了jQuery，然后使用jQuery的语法。 其实$是jQuery中的一个函数。...比如子级有单击事件，那么父级如果有单击事件也会被触发，父级的父级如果有单击事件也会被触发。 任何一个操作，计算机或者浏览器都会去处理。不管你有没有设置对应的事件。...-1.12.4.min.js"> $(function(){ // 单击li，弹出这个li的下标...新增节点------- 步骤： 1、声明变量保存节点数据（名字一般为$开头，然后找的标签是什么就叫做什么） 2、使用追加函数将节点变量追加到指定位置 子级加： append(添加的内容) 向末尾加 appendTo...-1.12.4.min.js"> $(function(){ // 新增节点: 步骤 1、声明变量保存节点数据；2、使用追加函数将节点变量追加到指定位置
2.1. jQuery事件发展历程(了解) 简单事件绑定>>bind事件绑定>>delegate事件绑定>>on事件绑定(推荐) 简单事件注册 click(handler) 单击事件...最现代的方式，兼容zepto(移动端类似jQuery的一个库)，强烈建议使用。 on注册简单事件 // 表示给$(selector)绑定事件，并且由自己触发，不支持动态绑定。...// 第三个参数：data，传递给处理函数的数据，事件触发的时候通过event.data来使用（不常使用） // 第四个参数：handler，事件处理函数 $(selector).on(events[,...-1.12.4.js"> $(function () { //1....忽视滚动条） //pageX和pageY 距离页面最顶部的左上角的位置（会计算滚动条的距离） //event.keyCode 按下的键盘代码 //event.data 存储绑定事件时传递的附加数据
· 利用AJAX可以做： 1丶注册时,输入用户名自动检测用户是否已经存在· 2丶登录时,提示用户名密码错误· 3丶删除数据行时,将行ID发送到后台,后台在数据库中删除,数据库删除成功后,在页面DOM中将数据行业删除...Ajax jQuery其实就是一个Javascript的类库，其将复杂的功能做了上层封装,使得开发者可以在基础上写更少的代码实现更多的功能· · jQuery不是生产者,而是大自然的搬运工· · jQuery...“html”：将服务器端返回的内容换换成普通文本格式,在插入DOM中时,如果包含Jvascript标签，则会尝试去执行...“script”：尝试将返回值当做javascript去执行,然后再将服务器端返回的内容转换成普通文本格式 “json”：将服务器端返回的内容转换成相应的...JSONP 形式调用函数时,如"myurl?
2、登陆时，提示用户名密码错误 3、删除数据行时，将行ID发送到后台，后台在数据库中删除，数据库删除成功后，在页面DOM中将数据行也删除。...Ajax jQuery其实就是一个JavaScript的类库，其将复杂的功能做了上层封装，使得开发者可以在其基础上写更少的代码实现更多的功能。...success: 载入成功时回调函数。 jQuery.getScript(...)...success: 载入成功时回调函数。 jQuery.ajax(...)...": 将服务器端返回的内容转换成普通文本格式 "html": 将服务器端返回的内容转换成普通文本格式，在插入DOM中时，如果包含JavaScript
再细心点的同学会发现，我们使用cdn方式引用的jQuery文件也是跨域的，它就可以使用。 同样是从其他的站点拿东西，script标签就可以。那我们能不能利用这一点搞点事情呢？...---- 这其实就是JSONP的简单实现模式，或者说是JSONP的原型：创建一个回调函数，然后在远程服务上调用这个函数并且将JSON 数据形式作为参数传递，完成回调。...将JSON数据填充进回调函数，这就是JSONP的JSON+Padding的含义。 但是我们更多时候是希望通过事件触发数据的获取，而不是像上面一样页面一刷新就执行了，这样很不灵活。...是jQuery内部自动生成的一个回调函数名。 但是如果我们想自己指定回调函数名，或者说服务上规定了回调函数名该怎么办呢？我们可以使用$.ajax方法来实现： <!...“预检”请求时，允许请求方式则需服务器设置响应头：Access-Control-Request-Method “预检”请求时，允许请求头则需服务器设置响应头：Access-Control-Request-Headers
，所以我们还需要单独下载jquery，它的下载地址是：https://code.jquery.com/jquery-1.12.4.min.js 11.png 22.png 1.2-bootstrap初始化...html模板 所有的第三方框架在使用时都需要导入依赖包 类似于字体图标一样，使用时需要导入style.css bootstrap需要导入三个依赖包 <!
运用jQuery时，需要在页面中引入jQuery文件 jQuery的hello world #box{width: 200px...#btn").click(fn)表示添加一个单击事件处理函数 $("#btn").click(function() { // toggle()/slideToggle...JQuery代码 使用$(function() { ...代码：就是页面标签加载完成执行的代码.. }) */ $(function() {...-- 使用JQuery改造瀑布流！
多边形：在绘制的多边形上按Ctrl,单击“圆圈点”，拖动即可更改圆角多边形。...； 符号旋转工具：在符号上单击旋转； 符号着色工具：配合颜色面板（f6）使用，选择颜色后在符号上单击可更改颜色；按住alt减少颜色纯度； 符号滤色工具：设置符号的透明，单击透明，按住alt恢复透明； 符号样式工具...：配合图形样式面板（shift+f5）使用，选择样式，单击即可填充样式；按住alt单击减少填充样式。...剪刀（c）：在图形边框上单击，可裁剪图形路径。 比例缩放工具（s）、旋转（r）、镜像（o）、倾斜工具: 1）按住图形拖动等比缩放； 2）按住alt，单击定位中心点，并弹出设置框。...宽度工具（shift+w）:增加描边的宽度可在一条描边上多次使用宽度工具。 变形工具（shift+r）:在图形上任意拖动即可变形。 旋转扭曲工具：在图形上拖动或按住自动旋转图形 。
1.jquery介绍 jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。...，做得多） 1、http://jquery.com/ 官方网站 2、https://code.jquery.com/ 版本下载 2.jquery加载 将获取元素的语句写到页面头部，会因为元素还没有加载而出错...插件使用 jquery中没有鼠标滚轮事件，原生js中的鼠标滚轮事件不兼容，可以使用jquery的滚轮事件插件jquery.mousewheel.js。...在互联网的演化进程中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。...localStorage 和 sessionStorage 合称为Web Storage , Web Storage支持事件通知机制，可以将数据更新的通知监听者，Web Storage的api接口使用更方便
-1.12.4.js"> $(":checkbox").click(function () { var v = $(this).prop('checked...，但是打印的是true,所以，可以判断是checkbox是默认事件先执行 组件 BootStrap ----推荐使用这个 响应式： @media 代码例子： $(document...admin/', admin.site.urls), url(r'^aa.html/',views.home ), ] 这样登录 关于app目录的解释： migrations 存放修改表结构时的记录...admin/', admin.site.urls), url(r'^login/', views.login), ] 整个目录如下： 整个目录如下： 登录效果如下： 关于静态文件的存放 这是目录结构 将css
/1.12.4/jquery.js"> $(function () { console.log.../1.12.4/jquery.js"> $(function () { $('span').attr...具有 true 和 false 两个属性的属性节点，如 checked, selected 或者 disabled 使用 prop(), 其他的使用 attr() Javascript console.log.../1.12.4/jquery.js"> $(function () { // 编写jQuery相关代码.../1.12.4/jquery.js"> $(function () { var btns =
/1.12.4/jquery.js"> $(function () { // 1..../1.12.4/jquery.js"> $(function () { // 1....当使用stop时： ? 不适用stop时： ? $(function () { // 1..../1.12.4/jquery.js"> $(function () { // 1.
前言 bootstrap-select下拉框插件学习使用 下载与使用 bootstrap版本用的是v3.4.1 jquery版本3.2.1 bootstrap-select 版本用的是v1.12.4 bootstrap-select.../bootstrap.min.css" rel="stylesheet"> ...src="/static/bootstarp/js/bootstrap.min.js"> <script src="/static/bootstrap-select/dist<em>1.12.4</em>...<em>将</em>数据宽度设置为“自动”以自动<em>将</em>选择的宽度调整为最宽的选项。 ‘fit’会自动<em>将</em>select的宽度调整为当前所选选项的宽度。还可以指定精确值，例如300px或50％。
) 原生Ajax Ajax主要就是使用 【XmlHttpRequest】对象来完成请求的操作，该对象在主流浏览器中均存在(除早起的IE)，Ajax首次出现IE5.5中存在（ActiveX控件） 1、XmlHttpRequest...Function onreadystatechange 当readyState的值改变时自动触发执行其对应的函数（回调函数） c....console.log(obj); } }; xhr.setRequestHeader('k1','v1...xhr.send(); } 伪Ajax 由于HTML标签的iframe标签具有局部加载内容的特性，所以可以使用其来伪造..." onclick="jqSubmit();" /> <script src="/static/<em>jquery</em>-<em>1.12.4</em>.
到底是什么 jQuery的官网 http://jquery.com/ jQuery就是一个js库，使用jQuery的话，会比使用JavaScript更简单。...jquery-1.12.4.js:未压缩版本，适用于学习与开发环境，源码清晰，易阅读。...jQuery对象：jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。...使用jQueryUI功能 使用jquery.ui.js手风琴菜单 制作jquery插件 原理：jquery插件其实说白了就是给jquery对象增加一个新的方法，让jquery对象拥有某一个功能。...-1.12.4.js”> $(function () { //1.需求 //给小图片a标签设置一个单击事件.
终端设备:..电脑、平板电脑、手机 使用html5文档结构 ? <!
因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日) 2.x：不兼容IE678，很少有人使用，官方只做BUG维护，功能不再新增。...-1.12.4.js"> $("#i1") # 将下载的文件放在网页的同一目录下.../head> # 使用CDN的JQuery，有一个很大的优势: # 许多用户访问其他站点时，已经从上面各种CDN加载过JQuery，所以结果是，他们访问你站点时， # 会从缓存中加载JQuery，这样可以减少加载时间...包含了许多维持状态的小部件(Widget),因此，他与典型的JQuery插件使用模式略有不同，所有的JQuery UI小部件(Widget)使用相同的模式，所有，只要你学会其中一个,你就知道如何使用其他的小部件...JQuery UI的使用 <!
，指定正多边形的中心，输入i确定，再输入半径长度 注：“内接于圆”表示绘制的多边形将内接于假想的圆。...上对正：该选项表示当从左向右绘制多线时，多线上位于最顶端的线将随着光标进行移动 零对正：零对正，该选项表示绘制多线时，多线的中心线将随着光标移动 下对正：下对正，该选项表示当从左向右绘制多线时，多线最底端的线将随着光标进行移动...1、选择“视图”菜单下“三维动态观察器”命令(BDORBIT)或单击 中的 三维动态观察按纽，可通过单击和拖动的方式，在三维空间动态观察对象。移动光标时，其形状也将随之改变，以指示视图的旋转方向。...M和N的最小值为2，表明定义多边形网格至少要4个点，其最大值为256。 选择“绘图”----“曲面”---“旋转曲面”命令(REVSURF)，可以将曲线绕旋转轴旋转一定的角度，形成旋转曲面。...确定 使用“绘图”|“实体”|“旋转”命令，将二维对象绕某一轴旋转生成实体。用于旋转的二维对象可以是封闭多段线、多边形、圆、椭圆、封闭样条曲线、圆环及封闭区域。
（创建一个回调函数，然后在远程服务上调用这个函数并且将json数据形式作为参数传递，完成回调）。...-1.12.4.min.js"> 15 16 function getData() { 17 $.ajax({ 18...-1.12.4.min.js"> 12 13 function getUser() { 14 $.ajax({ 15...“预检”请求时，允许请求方式则需服务器设置响应头：Access-Control-Request-Method “预检”请求时，允许请求头则需服务器设置响应头：Access-Control-Request-Headers...-1.12.4.js"> 18 19 function XmlSendRequest(){ 20 var xhr =
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
