JQuery攻略（二） Jquery手册

在上一篇 JQuery攻略(一) 基础知识——选择器与 DOM 中,我写了js的使用,如何选择元素,和一些比较常用的函数及DOM操作. 在这篇中,我将建立多个列表,将更多的自定义选择器,函数,DOM操作,对象,效果(后面会写)等手册,一一展现出来.让自己也方便浏览者更好的查看. 更多,更详细的使用方法可去官网 http://api.jquery.com/查阅. 此章节有 2.1 自定义选择器 2.2 HTML DOM 函数 2.3 CSS DOM 函数 2.4 jQuery 遍历函数 2.…

JQuery攻略（五）表单验证

表单验证,字段空白,输入合法,数据合法....... 此章节有 1.1字段验证 1.2正则表达式验证 1.3复选框的勾选 1.1字段验证 1.字段非空 $(document).ready(function () { $(".error").hide(); //隐藏报错信息 $(".submit").click(function () {//提交按钮点击 var data = $(".infobox").val(); var len = data.…

JQuery攻略（四）事件

jQuery事件处理,鼠标的单击,双击,悬停,键盘按键,文本动画..... 此章节有 1.1被点击的按钮查找 1.2事件的自动触发 1.3点击之后禁用按钮 1.4鼠标事件 1.5焦点事件 1.6CSS的操作 1.7元素创建 1.8动画隐藏和展示 1.9效果 1.10键盘输入控制 1.11防止事件冒泡小结 1.1被点击的按钮查找一个页面上有很多按钮,对应不同的功能,一个按钮对应一个事件,说到底就是给每个按钮绑定一个事件. <html xmlns="http://www.w3.org/19…

JQuery攻略（三）数组与字符串

在上两章,JQuery攻略(一) 基础知识——选择器与 DOM 和 JQuery攻略(二) Jquery手册我们为后面的章节打好了基础,在这一章节中,我们继续. 在这一章节中,我们记录的是JQuery 数组与字符串的学习此章节有 3.0 一不小心就忽略了的$符号 3.1 数组的输出用到的函数有:text() , join() , html() , each() , append() , get() 3.2 数组元素的操作用到的函数有:map() , toUpperCase() 3.3…

JQuery攻略（一）基础知识——选择器与 DOM

JQuery是功能丰富的Javascript库,可以帮助用户毫不费力地把动态功能应用到网页. JQuery具有许多强大的功能,包括访问部分网页,快速修改网页内容,添加动画,应用AJAX技术等等. 正因如此,每次使用时候对忘记或者不熟悉的地方很是苦恼,所以下定决心下JQuery的知识点,以便以后查阅,也可让和我一样的人一同学习.下面就让我开始吧! 此章节有 1.1 JQuery的下载与实用 1.2 DOM选择器 1.3 Javascript的延迟执行 1.4 对css的操作 1.5 多种HTMl元…

jQuery学习笔记(二)jQuery中DOM操作

目录 DOM操作分类 jQuery中的各种DOM操作查找节点创建节点删除节点复制节点替换节点包裹节点属性操作样式操作对HTML.文本和值的操作遍历节点 CSS-DOM操作小结本篇主要介绍DOM操作,在说DOM操作之前,首先我们应该熟悉DOM树,以一个例子为例来说明DOM树.首先看这段HTML代码.(本文后面的代码如果没有特别指出,都是针对下述HTML代码进行操作) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi…

JQuery攻略（六）菜单导航

jQuery菜单导航的基础应用此章节有 1.0 页面导航 1.01面包屑菜单 1.02菜单悬停 1.03菜单快捷键 1.04两个单独的菜单 1.05折叠菜单 1.01面包屑菜单 html <body> <ul id="menu"> <li><a href="#">Books</a></li> <ul> <li><a href="#">We…

jQuery基础学习(二)—jQuery选择器

一.jQuery基本选择器 1.CSS选择器在学习jQuery选择器之前,先介绍一下之前学过的CSS选择器. 选择器语法描述示例标签选择器 E { CSS规则 } 以文档元素为选择符 ID选择器 #ID{ CSS规则 } 以ID为选择符类选择器 E.className{ CSS规则 } 以文档元素的Class为选择符群组选择器 E1,E2{ …

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…

mac攻略(二) -- 简单配置php开发环境

最简单直接的方式还是使用 Mac 上自带的 Apache 和 PHP. 1.启动 Apache 1>启动apache $sudo apachectl start; 2>启动后,在浏览器中输入 localhost ,可以看到页面上显示 It works.(/Library/WebServer/Documents/ 下的 index.html.en 文件) 3>Apache 的默认根目录是 /Library/WebServer/Documents/ 2.添加apache对php的支持…

react hooks 全面转换攻略(二) react本篇剩余 api

useCallback,useMemo 因为这两个 api 的作用是一样的,所以我放在一起讲; 语法: function useMemo<T>(factory: () => T, deps: DependencyList | undefined): T; function useCallback<T extends (...args: any[]) => any>(callback: T, deps: DependencyList): T; 区别在于第一个参数,还有参数…

jQuery基础之二

jQuery基础之二 jQuery的中文文档十分详细,并且权威.W3C的jQuery文档更加简单实用. jQuery 1.9.0 jQuery中文文档W3C的jQuery文档 jQuery操作DOM元素元素本身 attr() 获得元素的某项属性,更改或添加元素的属性值实例 var className= $("div").attr("class") 获得元素的类名 attr("property",'value1') 更改一项属性 attr(…

jquery.validate使用攻略

主要分几部分 jquery.validate 基本用法 jquery.validate API说明 jquery.validate 自定义 jquery.validate 常见类型的验证代码下载地址 jquery.validate插件的文档地址 http://docs.jquery.com/Plugins/Validation jquery.validate插件的主页 http://bassistance.de/jquery-plugins/jquery-plugin-validation/…

jQuery源代码阅读之二——jQuery静态属性和方法

一.jQuery.extend/jQuery.fn.extend //可接受的参数类型如下:jQuery.extend([deep],target,object1,[objectN]) jQuery.extend=jQuery.fn.extend=function(){ var target=arguments[0]||{},//指向目标对象 deep=false,//是否进行深度复制 i=1,//表示源对象的起始下标 length=arguments.length,//表示参数个数: opti…

jQuery 1.10.3 参考手册

Jquery是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器.jQuery使用户能更方便地处理HTMLdocuments.events.实现动画效果,并且方便地为网站提供AJAX交互.jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择.jQuery能够使用户的html页面保持代码和html…

（二）Jquery Mobile介绍以及Jquery Mobile页面与对话框

Jquery Mobile介绍以及Jquery Mobile页面与对话框一. Adobe Dreamweaver CS6 环境最新版本的cs6会支持JM的使用,有自动提示功能,很强大.安装说明地址:http://www.phonegap100.com/article-79-1.html 下载地址说明:http://bbs.phonegap100.com/thread-135-1-1.html 二.JM说明默认data-ajax="true"jquery mobile 是默认通…

老李分享：《Linux Shell脚本攻略》要点（二）

老李分享:<Linux Shell脚本攻略> 要点(二) poptest是国内唯一一家培养测试开发工程师的培训机构,以学员能胜任自动化测试,性能测试,测试工具开发等工作为目标.如果对课程感兴趣,请大家咨询qq:908821478.Linuxshell是测试开发工程师的基本功之一,所以在poptest测试开发课堂上加入了大量的linuxshell的课程,为了学员开发跨平台的测试平台打基础. 1.cat cat -s //多个空白行压缩成一个 cat *.txt | tr -s '\n' …

Golang 网络爬虫框架gocolly/colly 二 jQuery selector

Golang 网络爬虫框架gocolly/colly 二 jQuery selector colly框架依赖goquery库,goquery将jQuery的语法和特性引入到了go语言中.如果要灵活自如地采集数据,首先要了解jQuery选择器.以下内容是翻译jQuery官方网站 <Category: Selectors>章节内容: Category: Selectors Borrowing from CSS 1–3, and then adding its own, jQuery offers…

读《Linux Shell脚本攻略》(第2版) 一遍、二遍体会

前段时间读完了<Linux Shell脚本攻略>(第2版)这本书,给部分想读这本书的人分享下个人感受. 第一遍体会解读:就像黑夜中的灯塔,指明前进的道路. 推荐指数:强烈推荐. 书中讲解的知识在工作中常常用到. 推荐人群:新手.接触linux一段时间的人.对shell不熟悉的人说下这本书的难度吧.纯新手或者只懂少部分编程知识的人,读起来还是有很大难度的.以我为例,做过开发,在学了几个月linux知识后才开始读得这本书,但是对于书里的部分内容还是不理解.这个倒不是shell脚本学起来难度大,只…

jQuery生成QRcode二维码

jQuery生成QRcode二维码示例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery生成QRCode二维码</title> </head> <body>  <div id="qrcode-1"></div> <!--…

WEB入门之十二 jquery简介

学习内容 jQuery简介搭建jQuery开发环境 jQuery基本选择器能力目标熟悉jQuery开发环境能编写简单的jQuery代码本章简介在前面两章,我们学习了JavaScript面向对象编程,从而对JavaScript这门编程语言有了更进一步的认识.JavaScript是目前世界最流行的编程语言之一,在Web前端开发中,起着无可替代的作用.虽然进过多年的改进,但是开发人员仍然觉得直接使用JavaScript困难重重,为了简化JavaScript并提高开发效率,各种JavaScr…

jQuery基础之二（操作标签）

一:样式操作 addClass();// 添加指定的CSS类名. removeClass();// 移除指定的CSS类名. hasClass();// 判断样式存不存在 toggleClass();// 切换CSS类名,如果有就移除,如果没有就添加. 示例:开关灯和模态框 CSS css("color","red")//DOM操作:tag.style.color="red" 示例: $("p").css("color…

二.jQuery源码解析之构建jQuery之构建函数jQuery的7种用法

一:$(selectorStr[,限制范围]),接受一个选择器(符合jQuery规范的字符串),返回一个jQuery对象; 二:$(htmlStr[,文档对象]),$(html[,json对象])传入html字符串,创建一个新的dom元素三:$(dom元素),$(dom元素集合)将dom元素转换成jQuery对象. 四:$(自定义对象)封装普通对象为jQuery对象. 五:$(回调函数)绑定ready事件监听函数,当Dom加载完成时执行. 六:$(jQuery对象)接受一个jQuery对象,返…

使用jquery.qrcode生成二维码及常见问题解决方案

转载文章使用jquery.qrcode生成二维码及常见问题解决方案一.jquery.qrcode.js介 jquery.qrcode.js 是一个纯浏览器生成 QRcode 的 jQuery 插件((可以从https://github.com/jeromeetienne/jquery-qrcode 获取)),它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,插件压缩之后大小小于 4K. 二.参数说明 text : "https://github.com/jerom…

qrcode.react和jquery.qrcode生成二维码

qrcode.react 1.安装 npm install qrcode.react 2.用法(这里用的ant design) import React from 'react'; import QRCode from 'qrcode.react'; import {Icon,Button,Form,Row,Col,Input,InputNumber,Select} from 'antd'; const Option = Select.Option; const FormItem = Form.…