jQuery学习(二) 自定义扩展函数

【jQuery学习(二) 自定义扩展函数】的更多相关文章

jQuery学习(二) 自定义扩展函数

jQuery函数调用写法很优雅,在项目开发过程中,有需要自定义函数经常被使用到,将这些函数放置到项目ExtTool.js中,为了编码方式的统一,也希望这些自定义函数与jQuery函数一致的调用方式.在网上参考了不少写法,大致总结如下. 先看一个简单的例子 1: <html> 2: <head> 3: <script type="text/javascript" src="jquery.min.js"></script>…

Jquery 学习二

一.事件编程 1.基本事件(以方法形式存在的) 基本语法: 原生Javascript代码中的事件绑定方式: DOM对象.事件 = 事件的处理程序 jQuery代码中的事件绑定方式: jQuery对象.事件(事件处理程序) 2.常用的事件列表 blur(fn) :当失去焦点时触发 change(fn) :当下拉选框状态改变时触发 click(fn) :当单击时触发 dblclick(fn) :当双击时触发 focus(fn) :当获得焦点时触发 keydown(fn) :当键盘按下时触发 ke…

jquery 学习(二) - 属性操作

html代码 <div class="n1" zdy="z1">AAA <p>1111111</p> <input type="checkbox" value="A">A <input type="checkbox" value="B">B <div class="n2">AAA<p>…

JQuery学习二（获取元素控件并控制）

$(’#id‘).+function; 例如: 1 <head> 2 <title>JQuery</title> 3 <script src="js/jquery-1.11.1.min.js"type="text/javascript"></script> 4 <script type="text/javascript"> 5 $(function () { alert($(…

jQuery学习(二)——使用JQ完成页面定时弹出广告

1.JQuery效果 2.步骤分析: 第一步:引入jQuery相关的文件第二步:书写页面加载函数第三步:在页面加载函数中,获取显示广告图片的元素. 第四步:设置定时操作(显示广告图片的函数) 第五步:在显示广告图片的函数中,使用jQuery的方法让广告图片显示(show()) 第六步:清除显示广告图片的定时操作第七步:设置定时操作(隐藏广告图片的函数) 第八步:在隐藏广告图片的函数中,使用jQuery的方法让广告图片隐藏(hide()) 第九步:清除隐藏广告图片的定时操作 <script…

jQuery学习二

1.id选择器: // 4.如果页面中多个元素id相同,jquery只会获取第一个id的jquery对象 var jquery = $('#name'); alert(jquery.val()); var jquery1 = $('#name'); alert(jquery1.val()); <body> <input type="text" name="name" id="name" value="张三"&…

jQuery学习(二)

操作DOM对象: 修改文本: jQuery对象的text()和html()方法可以用来获取节点的文本内容和HTML文本.而当你给方法传入参数时,这两个方法可以被用于设置jQuery的文本内容. 还是以之前的代码为例: <div id="test-div"> <p class="color-red">JavaScript</p> <p class="color-green">Python</p&…

JQuery学习二-字典操作

1. 数组中添加map var arr = []; var key = 'Jeremy'; var value = '!!!!' arr.push({ 'key': key, 'value': value, }); document.write(]['key'] + ]['value']); 输出结果: key: Jeremy value: !!!! 2. 数组遍历输出 var arr = []; arr.push("Jeremy"); arr.push("Jimmy&quo…

jQuery学习-事件之绑定事件（二）

在上一篇<jQuery学习-事件之绑定事件(一)>我们了解了jQuery的add方法,今天我们来学习下dispatch方法: dispatch: function( event ) { //这里是修正event对象的属性,处理兼容性问题 event = jQuery.event.fix( event ); var i, ret, handleObj, matched, j, handlerQueue = [],//事件队列…

jQuery学习之二 jQuery选择器

一.jQuery选择器是什么1.CSS选择器2.jQuery选择器二.jQuery选择器的优势1.简洁的写法2.支持从CSS1到CSS3选择器3.完善的处理机制传统js选择器假如要操作的元素不存在会报错,jq不会,避免了判断存在操作的麻烦当需要使用jq判断某个元素在网页上是否存在时不能用 if($('#id')){ xxx }; 要使用if($('#id').length > 0){ xxx }; 或先转化成DOM再判断if($('#id')[0]){ xxx }; 三.jQu…

第二十二篇 jQuery 学习4 内容和属性

jQuery 内容和属性这节课,我们学习使用jQuery来控制元素的内容.值和属性. html() 控制所选元素的内容(包括HTML标记): text() 控制所选元素的内容: val() 控制表单里value的值: attr() 控制属性,比如a标签里的href . 这几个方法特别的简单好用,那么怎么用呢?它的格式写法,我们来瞧瞧源代码: <!DOCTYPE html> <html> <head lang="en"> <m…

jquery学习笔记(二)：DOM元素操作

内容来自[汇智网]jquery学习课程 2.1 元素属性操作 1.获取元素的属性语法:attr(name) 参数name表示属性的名称 2.设置元素的属性单个属性设置语法:attr(key,value) 多个属性设置语法:attr({key0:value0,key1:value1}) 3.删除元素的属性语法:removeAttr(name) 2.2 元素内容操作 html()方法仅支持XHTML的文档,不能用于XML文档,而text()既支持HTML文档,也支持XML文档语法格式参数说…

jQuery 学习笔记

jQuery 学习笔记一.jQuery概述宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById()函数 2.使用Css+Xpath来查询页面元素 3.适当的混用jQuery.Dom和JavaScript能够提升程序的执行效率. 如:Offset.Append.Before是jQuery的瓶颈 4.函数$()是$("document…

jQuery 学习（1）——认识jQuery

1.下载下载地址:http://jquery.com/download/ jquery-3.2.1.js——用于开发和学习(229K) jquery-3.2.1.min.js——用于项目和产品(31K) 2.引入jQuery.js <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.2.1.js"></scri…

day 82 Vue学习二之vue结合项目简单使用、this指向问题

Vue学习二之vue结合项目简单使用.this指向问题本节目录一阶段性项目流程梳理二 vue切换图片三 vue中使用ajax 四 vue实现音乐播放器五 vue的计算属性和监听器六 chorme浏览器添加vue扩展程序七 xxx 八 xxx 一阶段性项目流程梳理直接上图吧: 1.首页: 2.免费课程页还有比如全部里面有个django框架学习,点击进去,具体的信息展示和课程套餐选择等功能 3.登陆页还有购物车添加成功提示,更新成功提示,当然这些都是前端根据后端的代码逻辑…

js进阶 12-18 jquery如何实现自定义右键菜单（把问题分细）

js进阶 12-18 jquery如何实现自定义右键菜单(把问题分细) 一.总结一句话总结:用鼠标右键事件contextmenu,阻止系统默认事件,让做好的右键菜单显示出来,并且显示在我们出现的位置上即可. 1.鼠标右击事件是什么事件? contextmenu事件 2.自己遇到功能要实现,而之前没学过怎么办(不可能把所有的功能都讲到都学到)? 先把功能分类,找到是哪一块然后去查这一块的手册 3.要做自己的右键菜单,那么对于系统的右键菜单我们如何操作? 禁止掉,用e.preventDefau…

jquery学习笔记(三)：事件和应用

内容来自[汇智网]jquery学习课程 3.1 页面加载事件在jQuery中页面加载事件是ready().ready()事件类似于就JavaScript中的onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行. ready()方法的几种写法: //写法一: $(document).ready(function(){ //代码部分 }); //写法二: $(function(){ //代码部分 }) 写法二简洁…

day 81 Vue学习二之vue结合项目简单使用、this指向问题

Vue学习二之vue结合项目简单使用.this指向问题本节目录一阶段性项目流程梳理二 vue切换图片三 vue中使用ajax 四 vue实现音乐播放器五 vue的计算属性和监听器六 chorme浏览器添加vue扩展程序七 xxx 八 xxx 一阶段性项目流程梳理直接上图吧: 1.首页: 2.免费课程页还有比如全部里面有个django框架学习,点击进去,具体的信息展示和课程套餐选择等功能 3.登陆页还有购物车添加成功提示,更新成功提示,当然这些都是前端根据后端的代码逻辑…

jquery学习随笔

转)jquery学习随笔(jquery选择器) jQuery的选择器是CSS 1-3,XPath的结合物.jQuery提取这二种查询语言最好的部分,融合后创造出了最终的jQuery表达式查询语言.如果你了解CSS(绝大部分WEB开发者都用到的),那么你学起来就很容易了.同时使用CSS和XPath看几个例子:隐藏所有包含有链接的段落:$(”p[a]”).hide();显示页面的第一个段落:$(”p:eq(0)”).show()隐藏所有当前可见的层元素$(”div:visible”).hide(…

[jQuery]jQuery DataTables插件自定义Ajax分页实现

前言昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分类效果. 后端的分页接口已经写好了,不涉及条件查询,需要传入页码(pageNo)和页面显示数据条数(pageSize),显示相应页的显示记录,且不能修改后端接口. 分析先来分析下分页实现. 一是后端分页:这种情况下,在后端很容易实现,在官网上有示例,不多说明. 二是前端分页:前端分页也是支持的,不…

jQuery学习笔记(一)jQuery选择器

目录 jQuery选择器的优点基本选择器层次选择器过滤选择器表单选择器第一次写博客,希望自己能够长期坚持,以写博客的方式作为总结与复习. 最近一段时间开始学习jQuery,通过写一个jQuery学习笔记的专题,对jQuery的知识做一个总结,并给出部分Demo来练习,使其能够掌握jQuery的基本技能. 今天所写的内容是关于jQuery选择器. 在学习jQuery选择器之前,有必要先了解一下css选择器,首先要明确一个新手容易混淆的概念:css选择器与jQuery选择器是两个不同的概念…

emberjs学习二(ember-data和localstorage_adapter)

emberjs学习二(ember-data和localstorage_adapter) 准备工作首先我们加入ember-data和ember-localstorage-adapter两个依赖项,使用bower install安装这两个插件.如下 "dependencies": { "jquery": "~1.9.1", "ember": "~1.13.10", "handlebars"…

jQuery学习笔记（一）：入门

jQuery学习笔记(一):入门一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,…

jQuery学习笔记 - 基础知识扫盲入门篇

jQuery学习笔记 - 基础知识扫盲入门篇 2013-06-16 18:42 by 全新时代, 11 阅读, 0 评论, 收藏, 编辑 1.为什么要使用jQuery? 提供了强大的功能函数解决浏览器兼容性问题实现丰富的UI纠正错误的脚本知识 2.常用的知识点 jquery的id选择器:$("#btnShow")事件绑定函数 bind()显示和隐藏函数show() hide()修改元素内部html的函数html() 仅仅凭借多浏览器支持这一特性,就足以让我们学习并使用jquery,因为…

ReactJS入门学习二

ReactJS入门学习二阅读目录 React的背景和基本原理理解React.render() 什么是JSX? 为什么要使用JSX? JSX的语法如何在JSX中如何使用事件如何在JSX中如何使用样式回到顶部 React的背景和基本原理在web开发中,我们总需要将变化的数据实时反应到UI上,这时就需要对DOM进行操作,复杂或频繁的对DOM操作是性能瓶颈产生的原因,React为此引入了虚拟的DOM的机制,在浏览器端使用javascript实现了一套DOM API,基于React开发时所有的…

jQuery学习小结1-CSS操作+事件

一.DOM对象和jQuery 对象互换 1.jQuery对象就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法.比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法这段代码等同于用DOM实现代码:document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产生…

jQuery学习-事件之绑定事件（三）

在上一篇<jQuery学习-事件之绑定事件(二)>我们了解了jQuery的dispatch方法,今天我们来学习下handlers 方法: handlers: function( event, handlers ) { var sel, handleObj, matches, i, handlerQueue = [], delegateCount = handlers.delegateCount, cur =…

jQuery学习笔记之Ajax用法详解

这篇文章主要介绍了jQuery学习笔记之Ajax用法,结合实例形式较为详细的分析总结了jQuery中ajax的相关使用技巧,包括ajax请求.载入.处理.传递等,需要的朋友可以参考下本文实例讲述了jQuery学习笔记之Ajax用法.分享给大家供大家参考,具体如下: 一.Ajax请求 1.jQuery.ajax(options) 通过 HTTP 请求加载远程数据.jQuery 底层 AJAX 实现.简单易用的高层实现见 .get,.post 等. .ajax()返回其创建的XMLHttpRequ…

Python学习二：词典基础详解

作者:NiceCui 本文谢绝转载,如需转载需征得作者本人同意,谢谢. 本文链接:http://www.cnblogs.com/NiceCui/p/7862377.html 邮箱:moyi@moyibolg.com 日期:2017-11-19 Python学习二:词典基础详解 (学习不要求多,小计划能学会体验到乐趣便可) 一:介绍 Python词典其实和java中的HashMap很像,都是通过哈希表实现的,都是键值对存贮方式,也就是说,词典是一个数组,而数组的索引是键经过哈希函数处理后得到的.其…

SpringMVC入门学习(二)

SpringMVC入门学习(二) ssm框架 springMVC 在上一篇博客中,我简单介绍了一下SpringMVC的环境配置,和简单的使用,今天我们将进一步的学习下Springmvc的操作. model.addAttribute()的使用 model接口的源代码: 由图可知,在addAttribute()中有两种入参方式,一种是指明名字var1,一种是不指明名字var1.在不指明名字中,会通过相近的去寻找. 在addAttribute()中,我们可以放任何对象: 首先先导入jsp标签mave…