jq基础（2）

jQuery源代码解析（1）—— jq基础、data缓存系统

闲话 jquery 的源代码已经到了1.12.0版本号.据官网说1版本号和2版本号若无意外将不再更新,3版本号将做一个架构上大的调整.但预计能兼容IE6-8的.或许这已经是最后的样子了. 我学习jq的时间非常短,应该在1月.那时的版本号还是1.11.3,通过看妙味课堂的公开课视频和文档里的全部api的注解学习. 源代码则是近期些日子直接生啃.跳过了sizzle和文档处理的部分(待业狗压力大.工作以后再看).关注data.ready.event.queue.Defferred(jq的promise…

JQ基础之选择器

JQ选择器与CSS/CSS3选择器非常类似,对于学过CSS/CSS3的朋友来说可以是快速上手,下面总结了比较常用的选择器. ID选择器 $('#one') ( '#'代表ID ) CLASS选择器 $('.two') ( '.'代表类 ) 元素选择器 $('ul') ( 选取'ul'标签 ) $('#one>span') 属性选择器 $('[class]') ( 所有具有'class'属性的元素 ) $('li[class]') ( 选中'li'下的具有'class…

网页JQ基础之jq-隐藏以及显示特效

简单的隐藏以及显示的 JQ 的代码如下: <!DOCTYPE html> <html> <head> <script src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#hide").click(function(){ $(&q…

JQ基础练习---图片划过变暗

简单分享下,划过一张图片其余图片变暗,图片划过变暗的简单效果,JQ实现主要是css写法跟思路变化. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function (){…

jq基础

$(function() { $(".dd").attr("class","cc").append("<h1 style='text-align:center'>我曹类 </h1>"); }) attr()直接控制标签属性 $(function() { $("<h4> $() 可以写成 $(document).ready()</h4>…

《锋利的JQ》摘抄（一） jq基础篇

前言:第一次写博客有点紧张233333,我会在博客里放一下在赌这本书过程中遇到的一些有用的知识点,希望等帮助到大家.好了正题开始(只要是我不知道该说啥了= =) 一,资源(在w3cfuns资源中可以找到第一版和第二版) <锋利的jquery>: http://pan.baidu.com/share/link?shareid=1725756399&uk=4245516461(PDF) htt…

js/jq基础（日常整理记录）-1-纯js格式化时间

一.纯js格式化时间之前记录了一些,工作中发现的比较常用的使用,就记录一下. 由于很基础,就直接贴出来了,不做分析了. 改造一下Date的原型 Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "…

陆、jq基础语法

一.概述:更加方便的处理html文档.events事件.动画效果和ajax交互等. 1.jq主要功能: (1)访问页面框架的局部. (2)修改页面表现 (3)更改页面的内容 (4)响应事件 (5)为页面添加动画 (6)与服务器异步交互 (7)简化常用的js操作 2.jq的优势: a.jQuery实现脚本与页面的分离在HTML代码中,我们还经常看到类似这样的代码: <form id="myform" onsubmit=return validate();"> 即…

dom与jq基础使用

js有两种运行环境,一个是浏览器,一个是服务器(NodeJS) js的本质是es,因为运行环境的不同,为了操作环境内的api做了升级在浏览器上js分为es + dom + bom 在服务器上js又有另外的功能,这个在NodeJS里讲 dom和bom就是环境自带的东西在css的dom树里讲过,浏览器把标签解析成一个巨大的对象renderTree,然后js出现了能操作renderTree的功能,每一个标签都是一个独立的可以被js单独操作的对象 ==注意:在html的标签,元素,在js叫节点nod…

【JQ基础】DOM操作

内部插入:append() //向每个匹配的元素内部追加内容,可包含 HTML 标签 $(selector).append(function(index,html)) /*•index - 可选.接收选择器的 index 位置. •html - 可选.接收选择器的当前 HTML.*/ appendTo() //将所有匹配的元素追加到指定的元素中 prepend() //向每个匹配的元素内部前置内容 prependTo() //将所有匹配的元素前置到指定的元素中外部插入: after() //在每…

【JQ基础】数组

each() 方法规定为每个匹配元素规定运行的函数.…

仿JQ基础架构，可扩展。

(function(win,doc,fn){ var events = [];//拷贝核心方法 var publicEvent = ["extend","fn"];//公共核心方法 var removefn = []; var A = "A";//原型库 var $_ = "$_";//库名 win[A] = function(e,contentText){ var qu…

【JQ基础】

$(document).ready(function(){});//用来在DOM加载完成之后执行一系列预先定义好的函数. $(function(){});//$(document).ready(function(){}) 的简写 1.JQuery的ready函数 $(document).ready(function(){ }); 2.JQuery选择器的应用,比如根据id获取dom节点,根据class获取dom节点,根据标签获取dom节点一.基本选择器 $("#btn1");//id…

Jq基础简介

jQuery就是用原生js写出的框架集(Write less do more ) 1.需要注意的问题?(1).jQuery语法需要重新学习(2).jQuery需要注意版本之间的兼容性 (3)不是越新的版本越好(要稳定)(4)jQuery一般有两个版本(xxx.min.js和xxx.js) 区别就是去除回车空格换行 (min版一般用在上线项目节约带宽) 2.jQuery的引入方式?<script src="xxx.js"></script> 3.查看jQuery是…

JQ基础语法

empty HTML 代码: <p>Hello, <span>Person</span> <a href="#">and person</a></p> jQuery 代码: $("p").empty(); 结果: <p></p>…

js与jq基础记录

1.在js传递参数中含加号(+)的处理方式: 只需要把js中传过去的+号替换成base64 编码 %2B:encodeURI(str).replace(/\+/g,'%2B'). 2.随机产生8位随机数: $.GetRandom = function () { var chars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', '…

js/jq基础（日常整理记录）-4-一个简单的自定义tree插件

一.一个简单的自定义tree插件上一篇是之前自定义的table插件,这一篇也是之前同期尝试做的一个tree插件. 话不多说,先看看长什么样子哈! 现在来看确实不好看,以后在优化吧! 数据源:ajax请求的挡板数据 [ {"id":"1","name":"安徽","url":"www.baidu.com","pid":"0"}, {"id…

js/jq基础（日常整理记录）-3-一个自定义表格

一.一个自定义的表格这个js是我刚工作的时候,我们老大让我做一个功能,我觉得html自带的table功能单一,没有分页和排序功能,所有就尝试着做一下,所以这个东西就出来了.很久没写博客了,贴出来吧,避免以后丢失. 先看看做出来是什么样子吧!(侧重于功能,样式没有怎么用心调整哈) 走的是ajax请求的挡板数据: (说明:可以给指定类设置是否支持排序(升降序),支出翻页功能) 话不多说:直接贴出代码了,由于很久之前写的了,还没有做后续优化,以后看有心情在补上优化的版本吧! /** * JS自执行函…

js/jq基础（日常整理记录）-2-一个简单的js方法实现集合的非引用拷贝

一.一个简单的js方法实现集合拷贝做web项目的时候,少不了和js中的数组,集合等对象接触,那么你肯定会发现,在js中存在一个怪异的现象就是数组和集合的拷贝都是地址复制,并不是简单的数据的拷贝. 举个例子: //创建一个集合 var arr1=[{name:'小明',age:'22'},{name:'小刚',age:'23'}] //再创建一个空集合 var arr2=[] //开始拷贝集合arr1的第一个元素数据到集合arr2中 arr2.push(arr1[0]) //取出arr2中的数据…

jquery的选择器基本选择器 id选择器:$(“#id名称”); 元素选择器:$(“元素名称”); 类选择器:$(“.类名”); 通配符:* 多个选择器共用(并集) 案例代码: <html> <head> <meta charset="UTF-8"> <title>基本选择器</title> <link rel="stylesheet" href="../../css/style.css…

JQ的简单使用（基础）——————JQ

JQ基础--JQ的简单使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> .w{} </style> </head> <script type="text/javascript" src="js/jquery.min.js"…

巧妙的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…

【jQuery】 JQ和HTML以及JQ遍历元素

JQ & HTML JQ作为一个JS库,很好地继承了JS和HTML互动的特点,并且还给出了包装得更好,操作层次更高的方法.和之前JQ的内容一样,方法的表现形式是$(selector).action().下面根据操作分类来进行一些罗列 ■ 文档 & 属性操作 ● 获得/设置内容 text(...) 当没有参数时返回被选元素的文本内容,当设置有参数时指设置被选元素的内容为参数值 html(...) 和text类似,只不过获取/设置的对象是html代码 val(...) 用于获取/设置表单中输…

选择器与过滤器（全）————JQ

JQ基础--选择器与过滤器(全) JQ选择器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery.min.js" ></script> <style> .w{wid…

关于JQuery

整理jq基础常用(过于基础别喷): 1, $('div input[name]').css('','');//获取层中有name属性的标签 $('div input[name=txtname]').css('','');//获取层中有name属性的,并且属性值为txtname的标签 $('div input[name!=txtname]').css('','');//获取层中有name属性的,并且属性值不为txtname的input标签 $('div input[name^=n]').css('…

【jq基础（2）】的更多相关文章