JQ学习（一）

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

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

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

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

JQ学习（三）-ajax

jQuery - AJAX jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法. load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 语法: $(selector).load(URL,data,callback); jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据. HTTP 请求:GET vs. POST 两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 PO…

JQ学习（二）

jQuery 效果 jQuery hide() 和 show() 语法: $(selector).hide(speed,callback); $(selector).show(speed,callback); 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"."fast" 或毫秒. 可选的 callback 参数是隐藏或显示完成后所执行的函数名称. 下面的例子演示了带有 speed 参数的 hide() 方法: jQuery toggle()…

jq学习笔记（一）

1 .attr() 与 .removeAttr()方法 - atr()方法用来获取和设置元素属性 attr()有4个表达式: attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置属性的函数值 attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … } - removeAttr()删除方法 2.jQuery的属性与样式之.val() jQuery中有一个.va…

jq学习总结之方法

三.方法 1.length 2.index()3.get() reverse()4.not()5.filter()6.find()7.each()8.addBack()9.attr()10.toggleClass() 11.append()12.after()/before()13.on()14.one()15.hover()16.text()/html()17.animate()18.hide()show()19.prop()等显示隐藏 1.获取元素个数length $("img&quo…

JQ学习总结之选择器

一.window.onload 和 $(document).ready()区别 1)window.onload 执行时机:必须等待网页中所有的内容加载完毕后(包括图片)才能执行. 编写个数:不能同时编写多个,window.onload=function(){alert("test1")}; window.onload=function(){alert("test2")}; 结果只会输出“test2”: 2)$(document).ready(function()…

Jquery 回到顶部

转:http://www.cnblogs.com/DemoLee/archive/2012/04/20/2459082.html 用jQuery实现渐隐渐显的返回顶部效果(附多图) 先来看几个图片效果: 提供几个样式图片: 样式图片都可以自己随便修改了样式css: <style type="text/css"> body,p,a,div{ margin:0px; padding:0px; } body{ font:14px/22px Georgia serif; ma…

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

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

学习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> &…

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…

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

【JQ学习（一）】的更多相关文章