jquery基础知识随笔

<html> <head> <script type="text/javascript" src="/jquery/jquery.js""> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </sc…

jquery基础知识汇总一.简介定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库.源码戳这 jQuery对象 jQuery产生的对象时jQuery独有的,只能自己调用书写规则支持链式操作: 在变量前加"$"符号(var $variable = jQuery 对象): 注:此规定并不是强制要求. 二.寻找元素选择器基本选择器.层级选择器.属性选择器与CSS类似,这里不再细说,…

JQuery基础知识（1）

JQuery基础知识(1) 对JQuery学习中遇到的小细节进行了整理和总结 1.JQuery hide()和show()方法,分别对选中的元素进行隐藏和显示,语法:hide()和show分别有对应的参数,即hide(speed);隐藏的速度进行了限定.hide(1000)/show(1000); 2.JQuery toggle()方法用来切换hide()和show();可以用speed参数进行控制显示和隐藏的速度. JQuery的淡入淡出 1.JQuery fadeIn();此方法可以携带不同…

JQuery基础知识（2）

JQuery基础知识(2) JQuery滑动效果 1. JQuery slideDown(); 语法: $(selector).slideDown(speed,callback); 可选的 speed 参数规定效果的时长.它可以取以下值:"slow"."fast" 或毫秒. 可选的 callback 参数是滑动完成后所执行的函数名称. 2.JQuery slideUp();用于向上滑动元素语法: $(selector).slideUp(speed,callback…

0417 jQuery基础知识

jQuery基础知识 jQuery需要引入一个js文件,并且这个文件在所有js代码之前(包括引入的其他js文件) 基础操作(对比js): 1.找标签: js:document.getElement.. jquery:$(选择器); //有引号:标签名.#id..class 比如:$("input:checked")--找到所有复选框 jquery对象和js对象转换: jquery ==> js:$('.add').get(0) 或者 $('.add')[0]; 0不是下标:…

JQuery基础知识梳理篇

这周没事,优化线上项目,因为前端都在赶项目,我又若菜.于是前端数据展示也要自己来.看javascript看到吐,决定梳理一下Jquery基础知识.敲黑板) 闲扯结束,进入正题. 选择器介绍 jquery可以通过元素选择器和属性选择器通过签名,属性名或者内容对html元素进行选择元素选择器使用css选择器来选取html元素 $("p") //选取元素 $("p.intro") //选取所有class=intro的元素 $("p#demo"…

【JQuery基础知识/statusCode(状态码)】---初学者必备

今天,给大家分享一下JQuery的基础知识,简单介绍一下JQuery高级_Ajax,和我们常见的一些statusCode(状态码)~~~ 如果存在错误,请大家多多指正留言~小女子在此谢过! 一.JQuery语法 1.JQuery("选择器").action():通过选择器调用事件函数,但JQuery中,JQuery可以用$代替,即$("选择器").action();①选择器,可以直接使用CSS选择器,选中元素②.action() 表示对元素执行的操作 2.文档就绪函…

【前端】之jQuery基础知识

jQuery 简介在项目中引入jQuery: 去jQuery官网下载jQuery包:jquery-3.2.1.min.js 将下载的jQuery包添加到项目目录中在标签下添加jQuery引用:<script src='jquery-3.2.1.min.js'></script> jQuery和$没有区别,具体体现在: console.log($===jQuery)返回true $('div')和jQuery('div')效果相同 jQuery文件的差异: jquery-xx.j…

jQuery基础知识总结

1. jQuery基本概念介绍 1.1 什么是jQuery 一个javascript库,把常用方法写到一个js文件中,需要的时候直接调用即可学习jQuery就是学习一些方法 1.2 为什么要学习jQuery write less do more 1.3 jQuery的使用 a.引包 b.入口函数 c.实现功能 1.4 版本介绍 3个版本 1.x 2.x 3.x 其…

jQuery基础知识准备

一．代码风格在jQuery程序中,不管是页面元素的选择.内置的功能函数,都是美元符号"$"来起始的.而这个"$"就是jQuery当中最重要且独有的对象:jQuery对象,所以我们在页面元素选择或执行功能函数的时候可以这么写:$(function () {}); //执行一个匿名函数$('#box'); //进行执行的ID元素选择$('#box').css('color', 'red'); //执行功能函数由于$本身就是jQuery对象的缩写形式,那么也就是说上面的…

Jquery基础知识；

1.jquery语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作. 基础语法: $(selector).action() 美元符号定义 jQuery 选择符(selector)"查询"和"查找" HTML 元素 jQuery 的 action() 执行对元素的操作 2.jquery选择器(标签选择器,id选择器,class选择器) <script type="text/javascript" src="…

【Python全栈-jQuery】jQuery基础知识

前端学习之jQuery 一. jQuery是什么? <1> jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. <2>jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是——WRITE LESS,DO MORE! <3>它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 <4>jQuery是一个快速的,简洁的j…

JQuery基础知识==jQuery选择器

选择器是jQuery的基础,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器 1. CSS选择器 1.1 CSS是一项出色的技术,它使得网页的结构和表现样式完全分离.利用CSS选择器可以轻松的对某个元素添加样式而不用改动HTML结构,只需要通过添加不同的CSS规则,就可以得到不同样式的网页 1.2 要使某个样式样式应用于HTML元素,首先需要找到该元素.在CSS中,执行这一任务的表现规则就是CSS选择器 1.3 常用CSS选择器标签选择器:p{color:red;} ID选…

JQuery基础知识--方便忘记时查看

第一次写博客,不多说废话,实用为先.如有不对,请多指正. JQuery api 第一步引入JQuery库. <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 最基础常用的功能,加载$(document).ready $(document).ready(function(){ console.log("test"); }); $(fun…

jQuery 基础知识

一.序言 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后的又一个优秀的JavaScript代码库(JavaScript框架).jQuery设计的宗旨是"Write Less, Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和AJAX交互. jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口:具有高…

jquery基础知识学习笔记

jquery是一个js库/常用版本是jjquery-1.7.2.js/这个版本主要是用来做开放用途做产品的时候是用它的min版本.玩jquery的时候,不管干啥都要花钱(美元) 注意点: 1.silbings('input');除了发生事件的那个元素的其他同级input兄弟元素注意silblings要加上s 2.jquery无法获取当前时间 3.jquery对象和js对象混合操作的问题(阅读书籍解决) 4.innerHTML=html(内容); 5.is(":checke…

Jquery基础知识

//使用$操作得到的对象,都是Jquery对象如何把Jquery对象转换成dom对象?$abc 方法1:var div = $div.get(0) 方法2:var div = $div[0] 如何把原生的dom对象转换成Jquery对象? var div = document.getElementById("div"); var $div = $(div); onload()和Jquery中的ready()区别: 1.执行时机:onload事件是页面完全加载完毕才执行;ready是页…

jQuery基础知识— 获得内容和属性

jQuery拥有可操作HTML元素和属性的方法. 获得内容: text()--设置或返回所选元素的文本内容 html()--设置或返回所选元素的内容(包括HTML标记) val()--设置或返回表单字段的值获取属性: attr()方法用于获取属性值例如: 1 $("button").click(function(){ 2 alert($("#w3s").attr("href")); 3 }); jQuery文档操作参考手册方法描述 add…

jQuery基础知识--选择器与效果

$(this).hide()-----隐藏当前元素 $("p").hide()------隐藏所有段落 $(".test").hide()--隐藏所有class="test"的元素 $("#test").hide()--隐藏所有id="test"的元素文档就绪函数 $(document).ready(function() { ---------jQuery function go here----…

jQuery基础知识— 获得内容和属性

jQuery拥有可操作HTML元素和属性的方法. 获得内容: text()--设置或返回所选元素的文本内容 html()--设置或返回所选元素的内容(包括HTML标记) val()--设置或返回表单字段的值获取属性: attr()方法用于获取属性值例如: $("button").click(function(){ alert($("#w3s").attr("href")); }); jQuery文档操作参考手册方法描述 addCl…

jQuery基础知识总结二

* DOM操作 *1 基本操作 * html() - 等价于innerHTML属性 * text() - 等价于textContent属性 * val() - 等价于value属性 * attr() - 等价于getAttribute()和setAttribute() * removeAttr() - 等价于removeAttribute() * 2 CSS操作 ①* attr()方法 - 设置样式(删除原有样式,设置新样式) * style属性和class属性 ②* class操作 * ad…

Jquery基础知识01

1:$(document).ready()function{}和window.onload()的区别. 1:$(document).ready()function{} 该方法等到Dom结构绘制完毕后可以执行,不必等到加载完毕. window.onload(){} 必需等到图片所有元素加载完毕后才能执行. 2:window.onload(){}不能写多个,而$(document).ready(){}可以写多个. 3:$(document).ready(){}的简化写法 $(functi…

JQuery基础知识学习1

1.JQuery是javascript的类库 2.下载JQuery 3.导入JQuery <script src="jquery-3.0.0.js"></script> 4.JQuery的基本功能 http://www.php100.com/manual/jquery/ 5.用JQuery实现点击按钮返回页面顶部的功能 //里面用到了Jquery里面的事件-scroll ,当页面滚动条发生变化执行的函数 $(window).scroll( function() …

JQuery学习---JQuery基础知识

JQuery介绍: [官网]http://jquery.com [参考API]http://jquery.cuishifeng.cn/ JQuery的低版本支持IE低版本,JQuery的2版本不太支持IE的低版本,推荐用1版本的最高1.12 - 找元素(直接,间接) - 操作 (属性..) JQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents.events.实现动画效果,并且方便地为网站提供AJAX交互. jQuery还有一个比较大的优势是…

JQuery基础知识==认识JQuery

jQuery API 中文文档:https://www.jquery123.com/ jQuery Mobile 菜鸟教程:http://www.runoob.com/jquerymobile/jquerymobile-tutorial.html更多:https://github.com/summerSongXia/summerSongXia.github.io/tree/master/JQuery 1. Javascript简介 1.1 JS的3个弊端:复杂的文档对象模型(DOM),不一致的…

js与jquery基础知识对比（一）---2017-05-06

用表格做的,想要对比的内容一目了然,红色部分为重点 js jquery 取元素 id: document.getElementById("aa"); 取到的是dom对象 class: var a=document.getElementsByClassName("aa"); 取到的是dom对象集 a.[0]取到的是第一个class名为aa的元素 tag: document.getElementsByTagName("div"); name: d…

jquery基础知识3

1.jquery的位置信息 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } .father{ width: 400px; height: 400px; background-color: yel…

jquery基础知识2

1.js和jquery对象的转换 js==>jquery对象 $(js对象) jquery==>js jq对象[index] jq对象.get(index) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <…

jQuery基础知识1

jquery的概念 js query jquery库封装了大量js,封装js的入口函数.兼容性问题.DOM操作.事件.ajax 使用jquery 下载包引用 <script src="jquery.js"></script> <script> //入口函数 $(function(){ //DOM操作三步走:事件源事件事件驱动 //选择器就是来获取事件源的 id $('#box') class $('.box') 标签 $('div') //…

jquery基础知识实例(一)

轮滑 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conte…

【jquery基础知识随笔】的更多相关文章