jQuery应用之（二）使用jQuery管理选择结果（荐）

jQuery学习-----（二）JQuery对象与DOM对象的区别与转换

1.jQuery对象和DOM对象的区别 DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象; eg: var domObj = document.getElementById("id"); //DOM对象var $obj = $("#id"); //jQuery对象; jQuery对象就是通过jQuery包装DOM对象后产生的对象,它是jQuery独有的.如果一个对象是jQuery对象,那么就…

编写jQuery插件（二）——jQuery插件类型和机制

jQuery插件类型 jQuery插件主要有3种类型: 1.封装对象方法的插件这种插件类型是最常见的一种插件,它将对象方法封装起来,对通过选择器获取的jQuery对象进行操作. 2.封装全局函数的插件这种插件将独立的函数加到jQuery命名空间之下.如解决冲突用的jQuery.noConflict()方法,常用的jQuery.ajax()和jQuery.trim()方法等. 3.选择器插件虽然jQuery的选择器十分强大,但还是会需要扩充一些自己喜欢的选择器,如用color(red)来选择…

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 mobile笔记二】jquery mobile调用豆瓣api示例

页面主要代码如下 <div data-role="page" id="page1"> <div data-role="header"> <div data-role="fieldcontain"> <input name="search" id="search" placeholder=&quo…

jQuery基础修炼圣典—DOM篇（二）jQuery遍历

1.children()方法 jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法.这里需要注意:.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈,这里可以理解为就是父亲-儿子的关系) 理解节点查找关系: <div class="div"> <ul class="son"> <li class="grandson">1…

从零实现一个简易的jQuery框架之二—核心思路详解

如何读源码 jQuery整体框架甚是复杂,也不易读懂.但是若想要在前端的路上走得更远.更好,研究分析前端的框架无疑是进阶路上必经之路.但是庞大的源码往往让我们不知道从何处开始下手.在很长的时间里我也被这种问题困扰着,自己也慢慢摸索到一个比较不错的看源码的“姿势”. 一定不推荐的就是拿到源码直接开始啃,首先我们一定要对这个框架的整体的架构有一定的了解,每个模块之间的联系是怎样的: 然后找一找有没有关于源码分析的书籍,如果有的话那么恭喜你了,你可以直接跟着书的思路开始看源码: 如果没有框架源码分析相…

模块：（日期选择）jquery、bootstrap实现日期下拉选择+bootstrap jquery UI自带动画的日期选择器

一:jquery.bootstrap实现日期下拉选择点击文本框弹出窗口弹窗显示日期时间选择下拉年份取当前年份的前后各5年天数随年份和月份的变化而变化点击保存,文本框中显示选中的日期代码部分的实现引入bootstrap文件和外部js文件 <script src="../gongju/bootstrap-3.3.7-dist/js/jquery-1.11.2.min.js" type="text/javascript"></script&…

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…

legend---七、jquery如何选中select的selected的选择上的自定义属性

legend---七.jquery如何选中select的selected的选择上的自定义属性一.总结一句话总结:用冒号属性选择器 var type=$(this).children('option:selected').attr('data-fry-value'); 1.get方式其实也是一种很好的传值方式(表单才是post,一般的都是get,比如a标签)(ajax另说)? 如下这段代码也是保证的初始时不走第三行if的内容,后面get方式传值过来再走这里是通过传进来的参数的值判断的初始请…

jquery插件课程1 幻灯片、城市选择、日期时间选择、拖放、方向拖动插件

jquery插件课程1 幻灯片.城市选择.日期时间选择.拖放.方向拖动插件一.总结一句话总结:都是jquery插件,都还比较小,参数(配置参数.数据)一般都是通过json传递. 1.插件配置数据或者参数的时候用的是什么数据结构? json数据结构 23 $('.bxslider').bxSlider({ 24 'speed':500, 25 'auto':true, 26 'pause':2000, 27 'autoHover':true, 28 'mode':'fade' 29 });…

javaScript学习总结（二）——jQuery插件的开发

概要 jQuery插件就是以jQuery库为基础衍生出来的库,jQuery插件的好处是封装功能,提高了代码的复用性,加快了开发速度,现在网络上开源的jQuery插件非常多,随着版本的不停迭代越来越稳定好用,在jQuery官网有许多插件:http://plugins.jquery.com/ 一.插件开发基础 1.1.$.extend 在jQuery根命名空间下直接调用的方法可以认为是jQuery的静态方法或属性,常常使用方法名来调用,使用.方法名来调用,使用.extend这个静态方法可以完成两个功…

jquery 使用方法(二)

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

jQuery基础之（二）jQuery中的$

在jQuery中,最常用的莫过于使用美元符号$,它提供了各种各样的丰富功能.包括选择页面中一个或者一类元素.作为功能函数的前缀.windows.onload的完善,创建DOM节点等.本文介绍jQuery的用法.作为基础 1.选择器在css中,选择器的作用是选择页面的某一类(类别选择器)元素或者某个(id选择器).而jQuery中的“$”作为选择器,同样是选择某类或者某个元素,只不过jQuery提供了更全面的选择方式.而且为用户处理了浏览器兼容问题. 例如在在css<h2>下的<a>…

Python 第十三篇之二：jQuery基础

一:jQuery是一个兼容多浏览器的javascript类库,核心理念是write less,do more(写得更少,做得更多),对javascript进行了封装,是的更加便捷的开发,并且在兼容性方面十分优秀,jQuery的核心是先找到一个元素然后对其进行操作,jQuery分为1版本和2版本及以上的,1版本兼容IE6/IE7/IE8,而jquery 2版本及以上不再兼容IE8及以下的浏览器,因此要兼容低版本的浏览器就要用jquery 1版本,另外jquery还分为压缩版和非压缩版,压缩版在线上…

jquery 学习（二）

1)jquery对象和dom对象区别及相互转换 2)jquery和其他库冲突解决 3)css选择器和jquery选择器 3.1)基本选择器(id选择器.类选择器.元素选择器.*选择器.多个选择器以逗号分隔的集合选择器) 3.2)层次选择器(后代元素.子元素).eg. $("ul li") 和 $("ul > li"),一个是所有后元素,一个是直接子元素. $("ul").next("div") 下一个同辈 ,$(&qu…

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 -- 光阴似箭（二）：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生成QRcode二维码

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

【二】jquery之基础概念与jquery对象与dom对象的区别及混合使用

一:jquery基本概念 1.jquery是一个javascript框架,它是一个轻量级的js库 2.当下流行的js库有: jquery MooTools Prototype 3.$(ducoment) 表示一个jquery对象 4.引入jquery库: <script type="text/javascript" src="jquery-3.3.1.js"></script> 5.jquery对象是对dom对象的一系列包装 6.jquery…

【原创】Jquery初体验二

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

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入门——（二）

0.基本知识 $与jQuery等价,$.fun代表jQuery的全局方法. jQuery必须首先导入JQuery库, jQuery的事件都不带on,例如 $("#btn").click(function(){ alert("哪来的惊喜"); location.href="0入门.html"; }); 1引入方式先引入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…

揭开jQuery的面纱－jQuery选择器简介(二）

选择器并没有一个固定的定义,在某种程度上说,jQuery的选择器和样式表中的选择器十分相似.选择器具有如下特点: 1．简化代码的编写 2．隐式迭代 3．无须判断对象是否存在 “$”是选择器不可缺少的部分,在jQuery库中,$就是jQuery的一个简写形式,比如$("#foo")和jQuery("#foo")是等价的,$.ajax和jQuery.ajax是等价的.如果没有特别说明,可以把程序中的$符号都理解为jQuery的简写形式. 根据选择器的功能习惯将选择器进行…

使用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的入门(二)

Jquery的遍历 jQuery对象本身就是数组对象,通过jquery选择器获得的都是满足该选择器条件的元素对象的集合体,因此在常常需要对jquery对象进行遍历.这里有三种遍历Jquery的方法. 传统循环遍历 var $options = $(“option”); for(var i=0;i<$options.length;i++){ alert(option.value); } jQuery对象的方法此方式是jQuery特有的遍历方式,使用jQuery集合对象调用each方法即可遍历.语…

锋利的jQuery ——jQuery选择器（二）

一.jQuery选择器 1)CSS选择器 CSS选择器有:1>标签选择器 E{CSS规则} 2>ID选择器 #ID{CSS规则} 3>类选择器 E.className{CSS规则} 4>群组选择器 E1,E2,E3{CSS规则} 5>后代选择器 E F{CSS选择器} 6>通配符选择器 *{CSS规则} 这六大类CSS选择器几乎所有浏览器都支持. 还有 1)伪类选择器 2)子选择器 E>F{ } 3)临近选择器 E+F{CSS…

二、jQuery Ajax请求

一.Ajax请求 1.jQuery Ajax请求 let ajaxTimeOut = $.ajax({ //将网络请求事件赋值给变量ajaxTimeOut url: "/api_v1.1/apiPackage/knowKeyWord", type: "GET", dataType: "json", data: { "knowcontent": this.state.title + this.state.description,…

jquery源码学习（二）——jquery中的变量

jquery在 21-93 行提供了变量 var // A central reference to the root jQuery(document) rootjQuery, // The deferred used on DOM ready readyList, // Support: IE9 // For `typeof xmlNode.method` instead of `xmlNode.method !== undefined` core_strundefined = typeof…

jQuery-1.9.1源码分析系列（二）jQuery选择器

1.选择器结构 jQuery的选择器根据源码可以分为几块 init: function( selector, context, rootjQuery ) { ... // HANDLE: $(""), $(null), $(undefined), $(false) ... // Handle HTML strings if ( typeof selector === "string" ) { ... // HANDLE: $(DOMElement) } else i…

【jQuery应用之（二）使用jQuery管理选择结果（荐）】的更多相关文章