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 相关文章推荐
jquery自动完成插件(autocomplete)应用之PHP版
Dec 15 Javascript
javascript数组操作方法小结和3个属性详细介绍
Jul 05 Javascript
Javascript中3个需要注意的运算符
Apr 02 Javascript
javascript中去除数组重复元素的实现方法【实例】
Apr 12 Javascript
jQuery中使用animate自定义动画的方法
May 29 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
Sep 04 Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
Jun 19 Javascript
在Vue项目中引入腾讯验证码服务的教程
Apr 03 Javascript
Vue-cli3项目配置Vue.config.js实战记录
Jul 29 Javascript
vue+element-ui实现表格编辑的三种实现方式
Oct 31 Javascript
微信小程序在其他页面监听globalData中值的变化
Jul 15 Javascript
js实现页面图片消除效果
Mar 24 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下使用无限生命期Session的方法
2007/03/16 PHP
PHP 爬取网页的主要方法
2018/07/13 PHP
jquery中动态效果小结
2010/12/16 Javascript
js常用自定义公共函数汇总
2014/01/15 Javascript
JS图片自动轮换效果实现思路附截图
2014/04/30 Javascript
JS 使用for循环遍历子节点查找元素
2014/09/06 Javascript
javascript学习笔记(六)数据类型和JSON格式
2014/10/08 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
2015/05/14 Javascript
JavaScript forEach()遍历函数使用及介绍
2015/07/08 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
2016/04/07 Javascript
js获取鼠标点击的对象,点击另一个按钮删除该对象的实现代码
2016/05/13 Javascript
js实现碰撞检测特效代码分享
2016/10/16 Javascript
jquery心形点赞关注效果的简单实现
2016/11/14 Javascript
Bootstrap 手风琴菜单的实现代码
2017/01/20 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
基于对象合并功能的实现示例
2017/10/10 Javascript
微信小程序使用swiper组件实现类3D轮播图
2018/08/29 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
2019/12/02 Javascript
微信小程序封装多张图片上传api代码实例
2019/12/30 Javascript
微信小程序静默登录的实现代码
2020/01/08 Javascript
js实现网页版贪吃蛇游戏
2020/02/22 Javascript
[57:59]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第一场 11.05
2020/11/05 DOTA
详细讲解用Python发送SMTP邮件的教程
2015/04/29 Python
在Python中操作列表之list.extend()方法的使用
2015/05/20 Python
Python变量和字符串详解
2017/04/29 Python
python密码错误三次锁定(实例讲解)
2017/11/14 Python
Django项目主urls导入应用中views的红线问题解决
2019/08/10 Python
Python自动登录QQ的实现示例
2020/08/28 Python
Pycharm中如何关掉python console
2020/10/27 Python
英语自荐信范文
2013/12/11 职场文书
语文教学感言
2014/02/06 职场文书
对公司合理化的建议书
2014/03/12 职场文书
营销与策划专业求职信
2014/06/20 职场文书
2014年统战工作总结
2014/12/09 职场文书
庆六一开幕词
2015/01/29 职场文书
2015年爱国卫生月活动总结
2015/03/26 职场文书