JQ的live学习

JQ源码学习-1-无new构建

此文章仅为个人学习 Aaron的jQuery源码分析笔记之用. 一:采用构造函数返回原型初始化方法,原型初始化方法又返回构造函数的方式代替new 但当返回的却是‘web’而不是Object了,所以需要给init设计自己的作用域可以每次实例不同的init来避免this混淆但console.debug(jQ().name)时也访问不到name了(抛出undefine),因为此时this指向innt的实例了为了让init的实例也能访问JQ的原型对象属性,只好赋给init以JQ的原型对…

一行一行分析JQ源码学习笔记-06

节点类型获取$("span")首先判断 if(select.nodeType) markarray() 类数组转化成真正的数组 var adiv = document.getElementsByTagName("div")console.log($.makearray(adiv,{length:0))); toArray() 工具方法通过 toslice 截取成新数组 get() 返回数组形式转原生的集合jquery如何实现?function (num)是否…

一行一行分析JQ源码学习笔记-05

创建字符串<li></li>$.function(){var str =} merge;用法对外组数何必对内部还可以json合并var arr = ["a","b","c"];var arr2 = ["d"];congse.log($.merge(arr,arr2)) 适合创建单标签$("<><>,{title:h1,html:abcd},css:"ba…

一行一行分析JQ源码学习笔记-04

jquery添加方法和属性 jquery.fn=jquery.prototype ={ jquery版本 } construtor 指向修正 js源码中 fun aaa(){} 会自动生成一句 aaa.prototype.constructor = aaa ; 容易被修改所以需要修正 aaa.prototype= { name:"hello", age:"20", } 与 aaa.prototype= { aaa.constructor :aaa; name…

一行一行分析JQ源码学习笔记-03

rquickExpr: <p>aaaa 或 #div1 rsingieTag: rmsPrefix :/-ms-/ 是否是ie rdashAlpha = 转大小写数字 (-2d 转成 2d)…

一行一行分析JQ源码学习笔记-02

1.防止冲突设置新变量保存…

一行一行分析JQ源码学习笔记-01

jQuery (function(window,undefined){ }) undefined 防止外部参数中 var undefined =10:以此来改变内部 undefined 不太建议用严格模式 use strict; 很多兼容问题浏览器假死状态 rootJQuery: 类似jquery的根目录 rootJQuery = jQuery(document): 有利于版本压缩 readyList : 用于DOM加载 typeof(window.a == "undefined&q…

$("#StartTime").live("blur keypress keyup",function(){ if($("#EndTime").val()!="") { alert(); } })…

ajax学习----json，前后端交互，ajax

json <script> var obj = {"name": "xiaopo","age": 18,"gender": "girl"}; console.log(obj); console.log(typeof obj);//Object(前端对象) var obj1 = JSON.stringify(obj);//把js对象转换成json字符串 console.log(obj1);//{&…

使用jquery获取父元素或父节点的方法

今天面试题问到了,没答上,jq要继续学习啊 jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: 先举个例子, <ul class="parent1"> <li><a href="#" id="item1">jquery获取父节点</a></li> <li><a href=&…

JQ01

JQ01 1.使用js的缺点 innerText的兼容性问题:低版本火狐浏览器不支持 textContent:火狐支持,ie678不支持 2.JQ初体验 1) <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { height: 200p…

web-day4

第4章WEB04- JQuery篇今日任务使用JQuery完成页面定时弹出广告使用JQuery完成表格的隔行换色使用JQuery完成复选框的全选效果使用JQuery完成省市联动效果使用JQuery完成下列列表左右选择教学导航教学目标掌握JQuery的基本使用掌握JQuery的基本选择器,层次选择器会使用JQuery完成DOM的基本操作. 教学方法案例驱动法 1.1 上次课的内容回顾: JavaScript: * JavaScript:基本使用: * ECMASc…

关于js模板引擎template的使用记录

引言有一天在群里有一个人发了这么一个图片看到这个就会发现2个问题,一个是后期如果html结构改变了,这一大块都要重写.还有一个就是写的时候自己都看不清,很容易出错. 然后还有一个人写的清楚一点,但是第一个问题的弊端还是在的: 这个时候问题就来了,这种后端推送过来的数据该怎么展现呢? 情景1:后端ViewBag或者Model推送的数据假设后端通过ViewBag.Mess给前端送了一个字符串数组["科学","玄幻","武侠","探险&…

JQ学习（一）

通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行“操作”(actions). jQuery 语法 jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作. 基础语法是:$(selector).action() 美元符号定义 jQuery 选择符(selector)“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作示例 $(this).hide() - 隐藏当前元素 $("p").hide() -…

学习JQ

目前我对jq的了解还很少,只知道jq比js简单很多,只需引入一个js文件,然后,在js中很多行才能实现的代码,jq中或许一行就搞掂了,比如根据类名获取元素,$(".类名")即可,对我这种记性不好的人,这真的是太方便了.我要好好学习才行. 1.获取某个元素下的元素------取得元素div下的p元素: $(document).find("div > p").html(); 2.文档全部载入完毕后开始执行--------等同于js中的onload事件 $( fun…

利用JQ实现的，高仿彩虹岛官网导航栏（学习HTML过程中的小记录）

利用JQ实现的,高仿彩虹岛官网导航栏(学习HTML过程中的小记录) 作者:王可利(Star·星星) 总结: 今天学习的jQ类库的使用,代码重复的比较多需要完善.严格区分大小写,在 $("").css() 这里css是小写的,用 HBuilder 编写补全是大写的..这里要注意主要使用的方法:jQuery 隐藏 / 显示 jQuery 淡出淡入需要注意的知识点: 效果的样式: 代码如下:(亲们自己展开拉~) <!DOCTYPE html> <htm…

个人学习JQ插件编写成果：little酷炫的图片滑动切换效果

工作一个多月了,好久没来冒冒泡了,看了@wayong的JQ插件教程,自己编写了一个模仿拉勾网首页广告栏滑动特效的JQ插件,现在跟朋友们分享分享! 先上demo链接:http://runjs.cn/detail/gpowdhhk 快要下班了~先把代码放出来~~回家再编辑~ 这里是HTML代码:  <div class="beauty-go-outer" id="my-div"> <u…

day 38 jq 入门学习(一)

前情提要: jq是简化版本的js 可以把很多很复杂的js 提炼让前端代码更好写一:jq的使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.12.4.js"></script> &…

day 39 jq 学习入门2

---恢复内容开始--- 前情提要: jq 是用来降低js 的工作的一个组件一:利用jq 实现动画效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.12.4.js"></script&…

jq学习笔记（二）

jq笔记-dom篇-慕课网学习笔记 1.jQuery节点创建与属性的处理创建元素节点: 1.$("<div></div>") 创建为本节点: 1.$("<div>我是文本节点</div>") 创建为属性节点: 1.$("<div id='test' class='aaron'>我是文本节点</div>") 2.$("<div class='right'>…

2.8 学习总结之 JQ初识

一.说在前面昨天学习了kotlin的相关知识今天学习JQ Jquery它是javascript的一个轻量级框架,对javascript进行封装,它提供了很多方便的选择器.供你快速定位到需要操作的元素上面去.还提供了很多便捷的方法. 二.JQ入门 1.jq的导入 <script type="text/javascript" src="../../js/jquery-1.8.3.js" ></script> 2.jq的基本选择器 1)五种…

shell编程学习之使用jq对json数据进行提取

shell编程学习之使用jq对json提取 jq命令允许直接在命令行下对JSON进行操作,包括分片.过滤.转换等 ,jq是用C编写,没有运行时依赖,所以几乎可以运行在任何系统上.预编译的二进制文件可以直接在Linux.OS X和windows系统上运行,当然在linux和OS X系统你需要赋与其可执行权限:在linux系统中也可以直接用yum安装. 下载地址 https://stedolan.github.io/jq/download/ 本文主要介绍其使用,默认是已经安装好的,没有安装的,请自行…

JQ入门学习实战演练

选择器是JQuery一大特色,所有的DOM操作.事件操作.Ajax操作都离不开选择器.熟练掌握JQuery的选择器,可以节省很多代码,很大程序上简化我们的脚本编程工作. JQuery的选择器很类似于样式表的选择器. JQuery选择器的特点: 1.简化代码编写 $("#标记ID")相当于document.getElementById("标记ID"),是通过元素id来获取元素对象. $("标记名称")相当于document.getElementBy…

【jq】c#零基础学习之路（1）Hello World！

从今天起我会持续发表,这个就是一个日记型的,学习编程是枯燥的,况且我们还是零基础. 学前准备 1.编译环境 vs2010.vs2012.vs2015...(本人用的是vs2010旗舰版).vs2010就是一个平台,我们用的编程语言是c#.换句话说就是你可以使用别的编程语言在vs平台,也可以用别的平台编写c#.vs是微软出的,c#也是.所以就他俩配套使用吧. 2.学习资料视频教程:传智博客,泰课. 书籍网上pdf有的是,没事的时候可以看看. 学第一程序, Hello World!哈哈! stat…

巧妙的Jq仿QQ游戏导航界面学习

先贴上源代码 <!doctype html> <html> <head> <meta charset="utf-8"> <title>仿腾讯游戏首页小幻灯片jquery插件</title> <style> img{border:0px;font-size:0;} .banner{position:relative;width:960px;height:170px;overflow:hidden;marg…

【JQ学习笔记】提示的效果

<p><a href="#" class="tooltip" title="这是我的超链接提示1.">提示1.</a></p> <p><a href="#" class="tooltip" title="这是我的超链接提示2.">提示2.</a></p> <p><a href…

从0学习JQ

转张子秋的博客为以后用到的时候好查询! 从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式从零开始学习jQuery (五) 事件与事件对象从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQuery (八) 插播:jQuer…

shell学习（12）- jq

jq命令允许直接在命令行下对JSON进行操作,包括分片.过滤.转换等 ,jq是用C编写,没有运行时依赖,所以几乎可以运行在任何系统上.预编译的二进制文件可以直接在Linux.OS X和windows系统上运行,当然在linux和OS X系统你需要赋与其可执行权限:在linux系统中也可以直接用yum安装. 下载地址 https://stedolan.github.io/jq/download/ 本文主要介绍其使用,默认是已经安装好的,没有安装的,请自行安装. 现在先准备json串,如下kumuf…

jQuery学习(六)——使用JQ完成省市二级联动

1.JQ的遍历操作方式一: 1 $(function(){ //全选/全不选 $("#checkallbox").click(function(){ var isChecked=this.checked; //使用对象访问的方式进行遍历,语法$().each(function(){}) $("input[name='hobby']").each(function(){ this.checked=isChecked; }); }); }); $后面的括号里是被遍历的…

jQuery学习(五)——使用JQ完成复选框的全选和全不选

1.在系统后台进行人员管理时,进行批量删除,使用jq完成全选和全不选步骤分析: 第一步:引入jquery文件第二步:书写页面加载函数第三步:为上面的复选框绑定单击事件第四步:将下面所有的复选框的选中状态设置成跟上面的一致! 2.具体代码实现: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用jQuery完成复选框的全选和全不选</titl…

【JQ的live学习】的更多相关文章