浅析jquery的作用与优势
作用:
1.操作页面对象
2.修改页面外观
3.油画javascript的事件机制
4.为页面添加动画效果
5.优化ajax
优势:
1.轻量级
2.出色的浏览器兼容
3.出色的dom操作
4.链式操作方式
5.隐式迭代集合(可以对选择对象的集合自动的迭代不需要用for in循环)如$("div:lt(2)").css("border-color","red")/*对前两个div增加css*/
6.行为层与结构的分离 (如想对dom添加事件,在javascript中添加要声明一次函数,在dom中还要使用一次,jquery只需在jquery部分声明某个元素的某种事件就可以了:$("#myButton").click(function(){代码部分}))
7.支持扩展
8.完善的学习资源
9.开源
如果刚刚开始学习一定要记住3456点,对以后解决问题有很大的帮助。
相关推荐
-
浅析jquery的作用与优势
作用: 1.操作页面对象2.修改页面外观3.油画javascript的事件机制4.为页面添加动画效果5.优化ajax 优势: 1.轻量级2.出色的浏览器兼容3.出色的dom操作4.链式操作方式5.隐式迭代集合(可以对选择对象的集合自动的迭代不需要用for in循环)如$("div:lt(2)").css("border-color","red")/*对前两个div增加css*/6.行为层与结构的分离 (如想对dom添加事件,在javascript
-
浅析jQuery 遍历函数,javascript中的each遍历
jQuery 遍历函数 jQuery 遍历函数包括了用于筛选.查找和串联元素的方法. 函数 描述 .add() 将元素添加到匹配元素的集合中. .andSelf() 把堆栈中之前的元素集添加到当前集合中. .children() 获得匹配元素集合中每个元素的所有子元素. .closest() 从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素. .contents() 获得匹配元素集合中每个元素的子元素,包括文本和注释节点. .each() 对 jQuery 对象进行迭代,为每个匹配元
-
浅析jquery数组删除指定元素的方法:grep()
遇到的问题 今天遇到一个问题,删除数组中的一个指定元素,并返回新的数组. 我定义的js数组是这样的: var sexList=new Array[3]; sexList[0]="1"; sexList[1]="2"; sexList[2]=""; 想达到的效果 我想达到的效果是这样的: 删除索引=1的元素,并返回新数组. 返回的结果是: var sexList=new Array("1",""); 我们知道
-
浅析jquery如何判断滚动条滚到页面底部并执行事件
本文章向码农介绍jquery如何判断滚动条滚到页面底部并执行事件.首先理解三个dom元素,分别是:clientHeight.offsetHeight.scrollTop. 首先理解三个dom元素,分别是:clientHeight.offsetHeight.scrollTop. clientHeight:这个元素的高度,占用整个空间的高度,所以,如果一个div有滚动条,那个这个高度则是不包括滚动条没显示出来的下面部分的内容.而只是单纯的DIV的高度. offsetHeight:是指元素内容的高度.
-
浅析jQuery事件之on()方法绑定多个选择器,多个事件
$(document).on('click', '#header .top, #main .btn', function () { // code... }); on()方法绑定多个事件 $("table.planning_grid").on({ mouseenter: function() { // Handle mouseenter... }, mouseleave: function() { // Handle mouseleave... }, click: function()
-
浅析jQuery 3.0中的Data
jQuery 3.0 在6月9日正式发布了,3.0 也被称为下一代的 jQuery.这个版本从14年10月开始,其中发布过一次beta 版(2016/1/14,)和候选版(2016/05/20).一路走来,颇为不易. 一.Data浅析 jQuery 3.0 中的 Data 是内部使用的,定义为一个"类".一共用它创建了两个对象,dataPriv 和 dataUser.Data 有 1 个对象属性(expando)和类属性(uid),有 6 个方法,如下 下面分别解读 1.Data.ui
-
浅析jquery与checkbox的checked属性的问题
1.页面加载成功后,点击选中或取消选中该checkbox,checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2.checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3.使用document.getElementById("checkbox_id").checked获取的值与是否钩上一至,即与所见即所得 4.使用$("#checkbox_
-
浅析jquery unbind()方法移除元素绑定的事件
unbind()方法可以移除元素已绑定的事件,它的调用格式如下: $(selector).unbind(event,fun) 其中参数event表示需要移除的事件名称,多个事件名用空格隔开,fun参数为事件执行时调用的函数名称. 语法 unbind()函数主要有以下两种形式的用法: 用法一: jQueryObject.unbind( [ events [, handler ]] ) 移除当前匹配元素的events事件绑定的事件处理函数handler. 用法二: jQueryObject.unb
-
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
在调用一个jquery的ajax方法时我们有时会需要该方法返回一个值或者给某个全局变量赋值,可是我们发现程序执行完后并没有获取到我们想要的值,这时很有可能是因为你用的是ajax的异步调用async:true(默认情况),如: 复制代码 代码如下: function ManageCommentText(text) {var result = text;$.ajax({data: "get",url: "GetComments.aspx",data: "typ
-
浅析Jquery操作select
话不多说,请看代码: <select id="Select1"> <option value="one">一</option> <option value="two">二</option> <option value="thr">三</option> <option value="tho">四</optio
随机推荐
- jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
- Java多线程下载文件实例详解
- Java的this关键字的使用与方法的重载相关知识
- .NET读取所有目录下文件正则匹配文本电子邮件
- JS实现的系统调色板完整实例
- C#Web应用程序入门经典学习笔记之二
- .NET实现简易的文件增量备份程序
- PHP版微信公众平台红包API
- python中实现延时回调普通函数示例代码
- php实现常见图片格式的水印和缩略图制作(面向对象)
- JS中解决谷歌浏览器记住密码输入框颜色改变功能
- 动态生成table并实现分页效果心得分享
- Android style的继承方式 点(.)和parent详解及实例
- Javascript实现时间倒计时功能
- C#利用VS中插件打包并发布winfrom程序
- PHP聊天室简单实现方法详解
- js获取form表单中name属性的值
- Java中LinkedList原理代码解析
- Matplotlib绘制雷达图和三维图的示例代码
- Java处理图片实现base64编码转换