jQuery知识点整理


Posted in Javascript onJanuary 30, 2015

slideUp();向上滑动//改变元素的高度的属性 直到高度为0从而将元素隐藏
slideDown();
slideToggle();
fadeOut();淡出//从不透明变透明
fadeIn()

function(){

$("span.Italian").toggle();

$("span.Italian").toggle();}

在一个function函数中加入两个toggle函数实现语言的切换

可以给一个元素同时应用多个这种选择器

将script标记放在最下面,只在</body>前面 因为脚本会带来一个问题,他们会阻塞浏览器中的并行下载。不同服务器的多个图像可以同时下载,一旦浏览器遇到一个<script>标记时,就不能再并行下载多个元素了。
放在下面有利于提高下载速度

var msg = "high score :<strong>"+pts+"</strong>"
//可以在变量中加入html标记

var discount = Math.floor((Math.random()*5)+5);//输出5-10之间的一个数
//math.random();获得0-1的随机数
//Math.floor(x);获得小于x的最大整数
var discount_msg = "<p>Your Discount is "+ discount +"%<p>";

alert(discount);//弹出信息

$("p").append("<strong>123</strong>");
若<p>qwert</p>
则运行后为<p>qwert<strong>123</strong></p>

jquery变量名要求
不能以数字开头,区分大小写,不能有任何数学运算符,不能有空格和标点符号。可以有下划线,

$(*)选择页面上的每一个元素

$(".guess_box").click(function(){
$(this).append("hahaha");
})
//当多个元素持有同一个class时 我只想要对我当前操作的元素进行处理时 可以使用 $(this)调用当前执行方法的那个对象

<ol>

<li>1</li>

<li>2</li>

</ol>

$("#btnRemove").click(function(){

$("li").remove();

});

$("li").remove();

jquery后代选择器

$("div p")选择div下的所有段落元素

$("div div")选取div下的所有div元素

$("div div img")选取div下div下的所有img元素

绑定事件的两种方式

$("#myElement").click(function(){

alert("click");

});

$("#myElement").bind('click',function(){

alert("click");

});

onblur();失去焦点

onchange()
//如果元素内容发生变化则触发某个方法

<html>

<head>

<script type="text/javascript">

function upperCase(x)

{

var y=document.getElementById(x).value

document.getElementById(x).value=y.toUpperCase()

}

</script>

</head>

<body>

输入您的姓名:

<input type="text" id="fname" onchange="upperCase(this.id)" />

</body>

</html>
Javascript 相关文章推荐
扩展JavaScript功能的正确方法(译文)
Apr 12 Javascript
javaScript函数中执行C#代码中的函数方法总结
Aug 07 Javascript
JS图片无缝、平滑滚动代码
Mar 11 Javascript
Node.js中HTTP模块与事件模块详解
Nov 14 Javascript
javascript定义类和类的实现实例详解
Dec 01 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例【附demo源码下载】
Mar 09 Javascript
js微信应用场景之微信音乐相册案例分享
Aug 11 Javascript
ES6学习教程之块级作用域详解
Oct 09 Javascript
js 只比较时间大小的实例
Oct 26 Javascript
javascript Function函数理解与实战
Dec 01 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
Jun 19 Javascript
Vue项目配置跨域访问和代理proxy设置方式
Sep 08 Javascript
浅谈jquery回调函数callback的使用
Jan 30 #Javascript
jQuery修改class属性和CSS样式整理
Jan 30 #Javascript
javascript中AJAX用法实例分析
Jan 30 #Javascript
JavaScript基础函数整理汇总
Jan 30 #Javascript
JS解析XML实例分析
Jan 30 #Javascript
javascript中键盘事件用法实例分析
Jan 30 #Javascript
javascript中cookie对象用法实例分析
Jan 30 #Javascript
You might like
ExtJS与PHP、MySQL实现存储的方法
2010/04/02 PHP
PHP生成短网址的3种方法代码实例
2014/07/08 PHP
php5.3提示Function ereg() is deprecated Error问题解决方法
2014/11/12 PHP
PHP explode()函数的几个应用和implode()函数有什么区别
2015/11/05 PHP
PHP实现原比例生成缩略图的方法
2016/02/03 PHP
a标签的css样式四个状态
2021/03/09 HTML / CSS
CL vs ForZe BO5 第二场 2.13
2021/03/10 DOTA
DIV+CSS+JS不间断横向滚动实现代码
2013/03/19 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
2014/09/01 Javascript
javascript数组详解
2014/10/22 Javascript
JavaScript实现的简单烟花特效代码
2015/10/20 Javascript
Vuejs第十一篇组件之slot内容分发实例详解
2016/09/09 Javascript
canvas绘制一个常用的emoji表情
2017/03/30 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
2017/05/24 Javascript
微信小程序实现倒计时60s获取验证码
2020/04/17 Javascript
js实现Tab选项卡切换效果
2020/07/17 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
vue项目中axios请求网络接口封装的示例代码
2018/12/18 Javascript
vue项目中将element-ui table表格写成组件的实现代码
2019/06/12 Javascript
python中实现php的var_dump函数功能
2015/01/21 Python
python利用装饰器进行运算的实例分析
2015/08/04 Python
Anaconda入门使用总结
2018/04/05 Python
python2与python3爬虫中get与post对比解析
2019/09/18 Python
Python协程操作之gevent(yield阻塞,greenlet),协程实现多任务(有规律的交替协作执行)用法详解
2019/10/14 Python
Python Numpy 自然数填充数组的实现
2019/11/28 Python
Python变量、数据类型、数据类型转换相关函数用法实例详解
2020/01/09 Python
Python处理mysql特殊字符的问题
2020/03/02 Python
Woolworth官网:澳洲第一大超市
2017/06/25 全球购物
澳大利亚新奇小玩意网站:Yellow Octopus
2017/12/28 全球购物
将"引用"作为函数参数有哪些特点
2013/04/05 面试题
关于Assembly命名空间的三个面试题
2015/07/23 面试题
遗嘱继承权公证书
2015/01/26 职场文书
写给同学的新学期寄语
2015/02/27 职场文书
求职简历自我评价范文
2015/03/10 职场文书
赤壁观后感(2)
2015/06/15 职场文书
Python使用OpenCV实现虚拟缩放效果
2022/02/28 Python