jQuery练习总结(二)

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生成QRcode二维码

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

使用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…

使用jquery.qrcode生成二维码实现微信分享功能

前言: 最近有个这样的需求,在pc端的商品详情页增加分享功能. 微博分享.QQ好友分享.QQ空间分享这些都很常见.但是微信分享我还没有手动写过(以前改过). 最终效果如下图: 解决方案:使用jquery.qrcode插件生成二维码 jquery.qrcode cdn地址参见: https://www.bootcdn.cn/jquery.qrcode/ 1.加载 jQuery 和 jquery.qrcode.js: <script src="https://cdn.bootcss.com/…

使用jquery.qrcode生成二维码（转）

jQuery 的 qrcode 插件就可以在浏览器端生成二维码图片. 这个插件的使用非常简单: 1.首先在页面中加入jquery库文件和qrcode插件. <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js"><…

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.qrcode 生成二维码带logo

<div id="container">这里是二维码显示位置</div> <script language="JavaScript"> $(function(){ var options = { render: "canvas", ecLevel: 'H',//识别度 fill: '#000',//二维码颜色 background: '#ffffff',//背景颜色 quiet: 2,//边距 width: 2…

使用jquery.qrcode生成二维码支持logo，和中文

/* utf.js - UTF-8 <=> UTF-16 convertion * * Copyright (C) 1999 Masanao Izumo <iz@onicos.co.jp> * Version: 1.0 * LastModified: Dec 25 1999 * This library is free. You can redistribute it and/or modify it. */ /* * Interfaces: * utf8 = utf16to8(u…

jquery自动生成二维码

把下面的jquery代码放到想要在当前页面上面生成二维码: 代码如下: <script type="text/javascript">var _qrContent='',_qrLogo='http://hflol.net',_qrWidth=100,_qrHeight=100,_qrType = 'auto';if(!_qrContent) var _qrContent =escape(document.location.href);document.write(unesc…

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

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

（转）js jquery.qrcode生成二维码带logo 支持中文

场景:公司最最近在开发二维码支付业务,所以需要做一个html5中的二维码生成和部署! 前天用js生成二维码,节省服务器资源及带宽原版jquery.qrcode不能生成logo,本文采用的是修改版 1 显示效果 2 页面 <!DOCTYPE HTML> <html> <head> <title>生成带有logo的二维码</title> <meta http-equiv="Content-Type" content=&qu…

jQuery -- 光阴似箭（二）：jQuery效果的使用

jQuery -- 知识点回顾篇(二):jQuery效果的使用 1. jQuery 效果 -- 隐藏和显示: 使用 hide() 和 show() 方法来隐藏和显示 HTML 元素. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>My Tes…

jQuery基础（二）DOM

DOM节点的创建 jQuery节点创建与属性的处理创建元素节点: $("<div></div>") 创建为文本节点: $("<div>我是文本节点</div>") 创建为属性节点: $("<div id='test' class='aaron'>我是文本节点</div>") DOM节点的插入 DOM内部插入append()与appendTo() 选择器描述 append(…

【原创】Jquery初体验二

快速导航一.传统方式生成Table 二.使用jquery.tmpl插件快速生成Table 三.Jquery中的操作class的几个方法四:jq里面的克隆五:属性过滤器六:表单元素过滤器一.传统方式生成Table var peopleArr = [ { , "skill": "从头再来" }, { , "skill": "32唱演唱会" }, { , "skill": "白天不懂夜的黑&q…

jQuery基础之二（操作标签）

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

Jquery的方法(二)

一.文档操作1.html()和text()的区别 <div id="J_div"><b><i>我是谁</i></b></div> var str1 = $("#J_div").html(); document.write(str1); 结果是:<b><i>我是谁</i></b> <div id="J_div"><…

jQuery.qrcode 生成二维码，并使用 jszip、FileSaver 下载 zip 压缩包至本地。

生成二维码引用 jquery.qrcode.js :连接:https://files.cnblogs.com/files/kitty-blog/jquery.qrcode.js .https://files.cnblogs.com/files/kitty-blog/jquery.qrcode.min.js /** * 生成二维码 * @param {string} url 二维码url * @param {string } picName 图片名称 */ function create_QR…

jquery.qrcode生成二维码支持中文

基本使用方法: 1.首先在页面中加入jquery库文件和qrcode插件. <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js"></script> 2.在页面中需要显示二维码的地方加入以下代码: <…

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.…

jquery动态生成二维码添加自定义logo

动态生成二维码中间带logo. jquery.qrcode.js 动态生成二维码api很简单. 引入jquer(版本任意),引入jquery.qrcode.js 不需要中间带logo这样就可以了.带logo需要引入一段js function utf16to8(str) { var out, i, len, c; out = ""; len = str.length; for(i = 0; i < len; i++) { c = str.charCodeAt(i); if ((c…

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前端生成二维码

引用: <script src="assets/js/jquery.qrcode.min.js" charset="UTF-8"></script> 生成二维码: var uuid={ id:plus.device.uuid, name:plus.device.vendor+" "+plus.device.model, }; jQuery('#qrcode').qrcode(JSON.stringify(uuid)); j…

Jquery选择器总结二

简单选择器 1.:firstè选出匹配的元素中的第一个 2.:lastè选出匹配的元素中的最后一个 3.:eq(index)è选出匹配的元素中的指定索引位置的jquery对象(注:index从0开始) 4.:lt(index)è选出匹配元素中索引小于指定索引的对象 5.:gt(index) è选出匹配元素中的索引大于指定索引的对象 6.:evenè选出匹配元素中的索引为偶数的对象,即第奇数个 7.:oddè选出匹配元素中的索引为奇数的对象,即第偶数个表单选择器 1.:inputè匹配所有inp…

[jQuery]顶级对象$(二)

$ 是 jQuery 的缩写 <script> # 方法1. $ 是jQuery的别称弹出提示 $(function () { alert(11) ); # 方法2 jQuery(function () { alert(11) }); 2. $同时也是jQuery的顶级对象 </script> <script> 1. $ 是jQuery的别称 jQuery(function () { $('div').hide(); # 方法一 jQuery('div').hide(…

jQuery笔记（二）jQuery中DOM操作

前言本篇主要介绍DOM操作,在说DOM操作之前,首先我们应该熟悉DOM树,以一个例子为例来说明DOM树.首先看这段HTML代码.(本文后面的代码如果没有特别指出,都是针对下述HTML代码进行操作) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm…

jquery---利用jquery插件生成二维码

javascript设计模式实践之模板方法--具有百叶窗切换图片效果的JQuery插件（二）

在上一篇<javascript设计模式实践之迭代器--具有百叶窗切换图片效果的JQuery插件(一)>里,通过采用迭代器模式完成了各初始化函数的定义和调用. 接下来就要完成各个切换效果的编写. 先思考一下一个切换效果需要完成的操作 1.准备阶段,将各个strip归位到动画效果开始的位置. 2.动画效果处理. 3.执行. 3.完成. 所有的切换效果都具备上述3步操作. 既然这样就好抽象了. 可以对上述的操作进行单独定义,然后通过模板方法模式对各个操作进行调用. 所谓的模板方法模式,其实就是有这么…

原生js实现jquery库中部分事件的功能（jquery库封装二）

继续昨天的封装,今天的部分继昨天选择器之后实现了css样式的获取和添加,attr的获取和添加和一部分事件的封装:只是我自己的理解,不妥之处欢迎大家在评论中提出,相互学习,共同提高 /** * Created by Jason on 2016/12/31. */ //jquery 的构造函数 function Jquery(arg){ //用来存选出来的元素 this.elemenets=[]; switch(typeof arg){ case 'function' : domReady(arg)…

jquery 使用方法(二)

jquery語法: jquery語法是為html元素的选取编制的,可以对元素执行某些操作. 基础语法是:$(selector).action() 美元符号定义 jQuery 选择符(selector)“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作. 文檔就緒函數: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery…

jQuery选择器（二）

jQuery中有"过滤选择器",通过特定的规则来筛选出所需的DOM元素,都是以(:)开头的. $("div:first")//选取出所有<div>元素中第一个<div>元素 $("div:last")//选取出所有<div>元素中最后一个<div>元素 $(":header");//选取网页中的所有的<h1>等标题元素 $("input:not(.class…

【jQuery练习总结(二)】的更多相关文章