}) 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元无门槛券
手把手带您无忧上云