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 Prototype对象
Jan 07 Javascript
基于JQuery的Select选择框的华丽变身
Aug 23 Javascript
浅谈Javascript变量作用域问题
Dec 16 Javascript
Node.js编程中客户端Session的使用详解
Jun 23 Javascript
JavaScript事件学习小结(一)事件流
Jun 09 Javascript
详解Angular2 之 结构型指令
Jun 21 Javascript
JS Input里添加小图标的两种方法
Nov 11 Javascript
arctext.js实现文字平滑弯曲弧形效果的插件
May 13 Javascript
vue实现跨域的方法分析
May 21 Javascript
layer弹出层显示在top顶层的方法
Sep 11 Javascript
vue - vue.config.js中devServer配置方式
Oct 30 Javascript
原生微信小程序开发中 redux 的使用详解
Feb 18 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
php 魔术方法使用说明
2009/10/20 PHP
PHP json_decode函数详细解析
2014/02/17 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
JavaScript中的Location地址对象
2008/01/16 Javascript
javascript fullscreen全屏实现代码
2009/04/09 Javascript
JavaScript读取中文cookie时的乱码问题的解决方法
2009/10/14 Javascript
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
2011/03/28 Javascript
eval的两组性能测试数据
2012/08/17 Javascript
jquery分页插件AmSetPager(自写)
2013/04/15 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
2013/09/03 Javascript
Javascript中string转date示例代码
2013/11/01 Javascript
原生javascript获取元素样式
2014/12/31 Javascript
jQuery qrcode生成二维码的方法
2016/04/03 Javascript
基于angular中的重要指令详解($eval,$parse和$compile)
2016/10/21 Javascript
js print打印网页指定区域内容的简单实例
2016/11/01 Javascript
vue component组件使用方法详解
2017/07/14 Javascript
利用vue组件自定义v-model实现一个Tab组件方法示例
2017/12/06 Javascript
Vue精简版风格指南(推荐)
2018/01/30 Javascript
基于canvas实现手写签名(vue)
2020/05/21 Javascript
Python实现一个简单的MySQL类
2015/01/07 Python
使用Python的Flask框架实现视频的流媒体传输
2015/03/31 Python
Zookeeper接口kazoo实例解析
2018/01/22 Python
python实现按长宽比缩放图片
2018/06/07 Python
Python从文件中读取数据的方法讲解
2019/02/14 Python
python hough变换检测直线的实现方法
2019/07/12 Python
通过python扫描二维码/条形码并打印数据
2019/11/14 Python
Django3.0 异步通信初体验(小结)
2019/12/04 Python
python PIL/cv2/base64相互转换实例
2020/01/09 Python
浅析Python 抽象工厂模式的优缺点
2020/07/13 Python
Python监听键盘和鼠标事件的示例代码
2020/11/18 Python
物流管理专业应届生求职信
2013/11/21 职场文书
初中三好学生自我鉴定
2014/04/07 职场文书
四风问题对照检查材料
2014/09/22 职场文书
债务授权委托书范本
2014/10/17 职场文书
小学教师工作总结2015
2015/04/07 职场文书
PYTHON基于Pyecharts绘制常见的直角坐标系图表
2022/04/28 Python