在进行下面内容之前我还要说明一点$("p")和$("#p")的区别,$("p")表示取所有p标签(例如:)的元素,$("#p")表示取id为"p"(例如:</span...元素 例子: 未执行jQuery前: input type="text" name="text1" value="text1"> input...()) } 运行:当点击id为test的元素时,alert对话框显示:So is this,即第二个标签的内容 get(num) 说明:获取匹配元素,get(num)返回匹配元素中的某一个元素 参数...在jQuery里$("#a")将得到jQuery对象[ ],然后可以用jQuery提供的很多方法来进行操作,如$("#a").src()将得到5.jpg...插件 随着jQuery的广泛使用,已经出现了大量jQuery插件,如thickbox,iFX,jQuery-googleMap等,简单的引用这些源文件就可以方便的使用这些插件。
> 在页面中添加html的标签;class属性里面全部小写,格式以”easyui-“开头,加上主键 (”-“后面更的英文单词被称为组件) 普通div EasyUI初始化方式 在标签中添加...: 180px;">普通div $(function(){ $("#myPanel").panel(); }); EasyUI属性配置方式 在标签中是直接使用...href:从远程加载内容 cache boolean 如果为true,在超链接载入时缓存面板内容。 loadingMessage string 在加载远程数据的时候在面板内显示一条消息。 在初始化时,使用onxxx属性配置,值为事件响应 onCollapse 折叠是触发 onExpand 展开时触发 小部分简单组件,还是使用JQuery
true 1.2.2 面板参数 可折叠标签面板继承自面板(panel),许多属性定义在标签里,下面的属性就是如此: 参数名称 参数类型 描述 默认值 selected 布尔 设置可折叠标签中默认展开的标签页...= disable(); >disable onclick= enable(); >enable input id="dd">input> </...null iconCls 字符串 一个CSS类来显示在面板中的16x16图标 null width 数字 设置面板的宽度 auto height 数字 设置面板的高度 auto left 数字 设置面板左侧位置...href 字符串 一个远程的URL加载数据,然后显示在面板中 null loadingMessage 字符串 当加载远程数据时,在面板中显示的信息 Loading… 10.3 事件 名字 参数 描述...,参数和jQuery.ajax成功返回的回调函数相同 onSelect title 当用户选择一个标签面板时被触发 onClose title 当用户关闭一个标签面板时被触发 11.4 方法 方法名
2、登陆时,提示用户名密码错误 3、删除数据行时,将行ID发送到后台,后台在数据库中删除,数据库删除成功后,在页面DOM中将数据行也删除。...,默认情况下,HTTP Authentication信息,Cookie头以及用户的SSL证书无论在预检请求中或是在实际请求都是不会被发送。...然而,在以下情况中,请使用 POST 请求: 无法使用缓存文件(更新服务器上的文件或数据库) 向服务器发送大量数据(POST 没有数据量限制) 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠...type="button" onclick="add1()" value="Jquery_Ajax"> input type="button" onclick="add2()" value...,什么时候加载呢,不管什么标签只要内部有变化 //如文本,删除字标签了,增加个什么东西了都会重新加载这个标签,但是还有个问 //题第一次加载iframe标签的时候就触发onload事件了
") 所有被选中的 input 元素 jQuery 事件 下面是 jQuery 中事件方法的一些例子: Event 函数 绑定函数至 $(document).ready(function) 将函数绑定到文档的就绪事件...标签 : $("input:checked") 实例之左侧菜单 input id="ID2" type="button" value="cancel" onclick="action2(this)">...="邮箱"> input class="v1" type="submit" value="submit" onclick="return validate()"> 中时,如果包含JavaScript标签,则会尝试去执行。
JS中的: (1)continue 语句 (带有或不带标签引用)只能用在循环中。 (2)break 语句 (不带标签引用),只能用在循环或 switch 中。... 标签为 input 元素定义标签(label)。 label 元素不会向用户呈现任何特殊的样式。...针对表单元素,jQuery还有一组特殊的选择器: :input:可以选择input>,,和; :file:可以选择input type="file...,如$('input[type=radio]:checked'); :enabled:可以选择可以正常输入的input>、等,也就是没有灰掉的输入; :disabled:和:enabled...; mouseenter:鼠标进入时触发; mouseleave:鼠标移出时触发; mousemove:鼠标在DOM内部移动时触发; hover:鼠标进入和退出时触发两个函数,相当于mouseenter
) 原生Ajax Ajax主要就是使用 【XmlHttpRequest】对象来完成请求的操作,该对象在主流浏览器中均存在(除早起的IE),Ajax首次出现IE5.5中存在(ActiveX控件) 1、XmlHttpRequest...Number states 状态码(整数),如:200、404... f. String statesText 状态文本(字符串),如:OK、NotFound......type="button" onclick="XmlGetRequest();" value="Get发送请求" /> input type="button" onclick="XmlPostRequest...type="button" value="提交XHR" onclick="xhrSubmit();" />#} input type="button" value="提交jQuery" onclick...type="file" name="fafafa" onchange="changeUpalod();" /> //onchange 选中文件时触发 {# input type=
: 通用事件,可以绑定到任何可以操作的标签中,当事件触发后,执行对应的函数体....中输入数据后,点击Sumbit触发自定义函数....中输入数据后,点击Sumbit触发自定义函数....: 当网页因为某种原因出现错误时就会触发,在错误处理程序中可以绑定操作,该标签常用与,配合.... removeClass: 动态的将一个CSS属性在标签中删除.
示例:将一个div中的p标签拖拽到另一个p标签中 在h5中,如果想拖拽元素,就必须为元素添加draggable="true"....遗留问题:如果有多个 div,那么每个 div 都必须写 ondragover 和 ondrop 事件触发的处理函数,也就是只能拖拽指定的元素到指定的元素中,这样代码的可用性就很低了。...--在h5中,如果想拖拽元素,就必须为元素添加draggable="true"....注意:jQuery中没有提供对视频播放控件的方式,所以如果使用jQuery操作元素,必须将其转为原生 js 的方式来调用这些方法。
· 利用AJAX可以做: 1丶注册时,输入用户名自动检测用户是否已经存在· 2丶登录时,提示用户名密码错误· 3丶删除数据行时,将行ID发送到后台,后台在数据库中删除,数据库删除成功后,在页面DOM中将数据行业删除...Ajax jQuery其实就是一个Javascript的类库,其将复杂的功能做了上层封装,使得开发者可以在基础上写更少的代码实现更多的功能· · jQuery不是生产者,而是大自然的搬运工· · jQuery...DOM中时,如果包含Jvascript标签,则会尝试去执行 “script”:尝试将返回值当做javascript去执行,然后再将服务器端返回的内容转换成普通文本格式...type="submit" onclick="XmlSendRequest();" /> input type="submit" onclick=...,默认情况下,HTTP Authentication信息,Cookie头以及用户的SSL证书无论在预检请求中或是在实际请求都是不会被发送· 如果想要发送: ·浏览器端:XMLHttpRequest的
2、登陆时,提示用户名密码错误 3、删除数据行时,将行ID发送到后台,后台在数据库中删除,数据库删除成功后,在页面DOM中将数据行也删除。...DOM中时,如果包含JavaScript标签,则会尝试去执行。...浏览器同源策略并不是对所有的请求均制约: 制约: XmlHttpRequest 不叼: img、iframe、script等具有src属性的标签 跨域,跨域名访问,如:http://www.c1.com...type="submit" onclick="XmlSendRequest();" /> input type="submit" onclick=...,默认情况下,HTTP Authentication信息,Cookie头以及用户的SSL证书无论在预检请求中或是在实际请求都是不会被发送。
type="button" />进行举例,实现用户点击按钮行为的方法可以总结为以下几种方式: (1)在元素内增加onclick属性; (2)通过对元素添加addEventListener实现click...事件后的回调函数处理; (3)通过如JQuery框架实现click事件处理。...useCapture); }; })(); (3)对于框架实现,通常是利用封装addEventListener进行实现的,因此在上述代码的基础上,需要进一步对各类框架进行判断区分对待,如JQuery...); method(); }; })(); }下面我们就可以将两个脚本文件引入到一个测试HTML页面中,注意两个脚本文件的引入时机,shadow.core.element.js需要在所有HTML元素渲染后引入...进一步可以将用户操作行为通过脚本化方法利用Ajax发送的后台处理引擎,测试时,通过代理将脚本再注入到HTML网页内,实现自动化测试,当然,这只是一个方向,在今后的文章中,我将进一步介绍如何实现一个纯粹的
最近在学习jQuery 不难 只是有些东西容易忘 特此记录之 选择器 按ID查找 // 查找: var div = $('#abc'); 按标签查找 var ps = $('...,例如把光标放到一个input>上,用$('input:focus')就可以选出; :checked:选择当前勾上的单选框和复选框,用这个选择器可以立刻获得用户选择的项目,如$('input[type...方法获取和设置对应的value属性、 和js中的 .value()作用一样 var input = $('#test-input') input.val('鸡你太美') console.log(input.val...()) 不带参数是获取,带上参数是赋值 修改CSS jQuery对象有“批量操作”的特点 用于修改css比较方便 如果是js还需要遍历的 添加class属性 在做过了几个案例中很多都需要添加class...remove()删除DOM节点 事件 jQuery很多时候需要绑定事件来出发一些东西 on方法用来绑定一个事件 onclick //鼠标单机时触发 onmousemove //当鼠标指针移动到元素上时触发
绑定简单事件 在DOM中DOM0级绑定事件的方式是直接给事件属性赋值,但是这样有个缺点就是每次指定的事件处理程序会把之前的覆盖掉。...= $('.input-box input'); // jQuery构造函数传入选择器,返回的是一个jQuery的包装对象 // 大部分的api都是在jQuery包装对象上 /...这个方法的行为表现与trigger类似,但有以下三个主要区别: 第一,他不会触发浏览器默认事件。 第二,只触发jQuery对象集合中第一个元素的事件处理函数。...IE678:window.event 标准浏览器直接从事件处理程序的参数中获得事件对象e e = e || window.event; 在jQuery的事件处理程序中,可以直接获取事件对象,所有浏览器都兼容...自定义事件 jQuery对象的的on方法不仅仅能绑定DOM中已经定义的事件,而且还可以注册和触发非标准事件也就是自定义的事件。
###事件模拟 模拟触发某个元素的某个事件 格式: 元素对象.trigger(“事件名称”); $(“input”).trigger(“click”); ###鼠标移入移出事件合并 hover...将鼠标移入和移出两个事件合并到一起 //给元素添加鼠标移入移出合并事件 (“div”).hover(function(){ //鼠标移入时执行 (this).css(“color”,“red”); }..."> //得到所有图片遍历 i代表数组遍历时的下标 $("img").each(function(i){ //this代表当前遍历的数据中的js对象 0*400 1*400 2*400...type="button" value="按钮" onclick="alert('xxx')"> //给元素添加鼠标移入移出合并事件 $("div").hover(function(){ //鼠标移入时执行 $(this).css("color","red");
> 元素描述了文档的标题 元素包含了可见的页面内容 html元素属性:元素的额外信息 ○标签属性:对该标签的描述 ○事件属性:事件在浏览器中触发动作的能力,例如:onclick......input>:form表单标签下的一个标签,主要提供表单输入的相关功能。 ? ○.......●HTML事件属性: HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript。...○列举常见的几个事件属性: ①.onerror:在错误发生时运行脚本 ②.onload:页面结束加载之后触发脚本 ③.onclick:元素发生鼠标点击时触发脚本 ④.onchange:元素值被改变时运行脚本...⑤.onfocus:当元素获得焦点时运行脚本 ⑥.oninput:当元素获得用户输入时运行脚本 ⑦.onmousemove:当鼠标指针移动到元素上时触发 ⑧.onsubmit:在提交表单时触发 ⑨.onkeydown
-- 在主窗体中获得子窗体内容 --> input type="button" value="获取子窗体输入内容" onclick="showContent();" /> onclick="divclick();">onclick="aclick(event);">这个链接 会触发两个事件执行在 jQuery 中, 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器 jQuery(expression, [context]) 在核心函数jQuery中传入表达式,对页面中元素进行选择...在jQuery 1.3中,上下的padding和margin也会有动画,效果更流畅。...如过没有参数的传递,采用GET方式传递,否则采用POST方式 练习一:校验用户名是否存在 此练习在第五章的第三小节有实现代码,这里使用jQuery的方式进行简要的列出核心代码: $(function(
/static/jquery.cookie.js"> Document 昵称:input type="text" id...="name"> 年龄:input type="text" id="age"> onclick,点击按钮时触发sub方法 --> onclick="sub()">登录 // 定义sub方法 function...sub(){ // var定义name等于id为name的标签的值,val获取标签的值 var name = $('#name').val() var age = $...('#age').val() // console.log把数据打印在控制台 console.log(name) console.log(age) // 发起Ajax
,在中执行 1.onbeforeprint/onafterprint 在浏览器打印之间/后触发 function...打开一个新页面或者刷新的时候触发 demo查看 相当于onload,加载页面时触发,但是在不同浏览器触发的有所不同 第一次加载页面时,onpageshow在ie浏览器中不触发,其他情况都触发 11.onresize...当表单获得输入时可以触发事件 触发发不了脚本 6.onforminput 当表单获得用户输入时触发的事件,无法触发 浏览器不支持 6.oninput 当元素获得用户输入时触发的事件 当输入框输入或者删除时都会触发...-- 注意:事件要绑定到form标签上面 --> input type="text" name="name"> input type="submit" value="submit">...,但系统按钮,箭头和功能无法识别 3.onkeyup 松开任何之前按下的键盘时触发 demo查看 四、mouse鼠标事件 利用鼠标触发的事件 1.onclick 鼠标点击元素触发的事件 onclick
() 通过类名找到 HTML 元素(通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。)...window.onload函数在页面加载完后才执行 操作标签内容 innerHTML 属性 获取元素内容的最简单方法是使用 innerHTML 属性。...事件:点击了该 HTML 元素 事件属性添加 JavaScript 代码: // 给div定义一个onclick事件,触发该事件的时候,调用该事件指定的函数 onclick="tank()">这个是div1 // 定义一个函数,负责弹框 function tank() { alert('hello') } jquery jQuery...script> jquery基本的选择器 // id选择器 $('#btn1') // 类选择器 $('.box1') // 标签选择器 $('li') // 层级选择器 $('#ul li span