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 相关文章推荐
toString()一个会自动调用的方法
Feb 08 Javascript
javaScript call 函数的用法说明
Apr 09 Javascript
神奇的7个jQuery 3D插件整理
Jan 06 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
Oct 29 Javascript
js判断浏览器类型为ie6时不执行
Jun 15 Javascript
基于jquery实现省市区三级联动效果
Dec 25 Javascript
jquery及js实现动态加载js文件的方法
Jan 21 Javascript
JavaScript学习笔记之数组随机排序
Mar 23 Javascript
移动端横屏的JS代码(beta)
May 16 Javascript
Bootstrap Modal遮罩弹出层代码分享
Nov 21 Javascript
网页中右键功能的实现方法之contextMenu的使用
Feb 20 Javascript
Angular2仿照微信UI实现9张图片上传和预览的示例代码
Oct 19 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 获取select下拉列表框的值
2010/05/08 PHP
PHP类中的魔术方法(Magic Method)简明总结
2014/07/08 PHP
PHP中echo,print_r与var_dump区别分析
2014/09/29 PHP
php之static静态属性与静态方法实例分析
2015/07/30 PHP
在openSUSE42.1下编译安装PHP7 的方法
2015/12/24 PHP
解决 FireFox 下[使用event很麻烦] 的问题.
2006/08/22 Javascript
基于jquery的横向滚动条(滑动条)
2011/02/24 Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
2012/09/14 Javascript
jQuery.holdReady()使用方法
2014/05/20 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
2015/05/29 Javascript
使用Browserify配合jQuery进行编程的超级指南
2015/07/28 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
2015/09/20 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
2016/02/16 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
2016/07/20 Javascript
详解本地Node.js服务器作为api服务器的解决办法
2017/02/28 Javascript
nodeJS(express4.x)+vue(vue-cli)构建前后端分离实例(带跨域)
2017/07/05 NodeJs
ES6学习教程之模板字符串详解
2017/10/09 Javascript
讲解vue-router之命名路由和命名视图
2018/05/28 Javascript
js实现小时钟效果
2020/03/25 Javascript
[03:46]显微镜下的DOTA2第七期——满血与残血
2014/06/20 DOTA
python语言中with as的用法使用详解
2018/02/23 Python
python 剪切移动文件的实现代码
2018/08/02 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
Python使用sklearn库实现的各种分类算法简单应用小结
2019/07/04 Python
Tensorflow模型实现预测或识别单张图片
2019/07/19 Python
Python如何实现邮件功能
2020/05/27 Python
python实现跨年表白神器--你值得拥有
2021/01/04 Python
详解H5 活动页之移动端 REM 布局适配方法
2017/12/07 HTML / CSS
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
优秀演讲稿范文
2013/12/29 职场文书
音乐教育感言
2014/03/05 职场文书
实习单位意见
2015/06/04 职场文书
青年志愿者活动感想
2015/08/07 职场文书
干部考核工作总结
2015/08/12 职场文书
2019年消防宣传标语集锦
2019/11/21 职场文书
《弟子规》读后感:知廉耻、明是非、懂荣辱、辨善恶
2019/12/03 职场文书