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实现找出数组中最长的连续数字序列
Sep 03 Javascript
Node.js实现的简易网页抓取功能示例
Dec 05 Javascript
JS 作用域与作用域链详解
Apr 07 Javascript
javascript自动恢复文本框点击清除后的默认文本
Jan 12 Javascript
jQuery Dialog 取消右上角删除按钮事件
Sep 07 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
Jan 08 Javascript
JavaScript之面向对象_动力节点Java学院整理
Jun 29 Javascript
鼠标拖动改变DIV等网页元素的大小的实现方法
Jul 06 Javascript
使用mint-ui开发项目的一些心得(分享)
Sep 07 Javascript
js保留两位小数方法总结
Jan 31 Javascript
JS内置对象和Math对象知识点详解
Apr 03 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
May 15 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
ThinkPHP模板引擎之导入资源文件方法详解
2014/06/18 PHP
JavaScript中两种链式调用实现代码
2011/01/12 Javascript
文本框输入时 实现自动提示(像百度、google一样)
2012/04/05 Javascript
jquery中的过滤操作详细解析
2013/12/02 Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
2014/05/23 Javascript
JavaScript学习小结(7)之JS RegExp
2015/11/29 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
2016/07/27 Javascript
Bootstrap table两种分页示例
2016/12/23 Javascript
javascript使用递归算法求两个数字组合功能示例
2017/01/03 Javascript
axios发送post请求springMVC接收不到参数的解决方法
2018/03/05 Javascript
AngularJS 事件发布机制
2018/08/28 Javascript
详解一些适用于Node.js的命名约定
2019/12/08 Javascript
总结Python编程中函数的使用要点
2016/03/20 Python
详解Python中的array数组模块相关使用
2016/07/05 Python
Python环境变量设置方法
2016/08/28 Python
python 第三方库的安装及pip的使用详解
2017/05/11 Python
python学生信息管理系统(完整版)
2020/04/05 Python
Python批量将图片灰度化的实现代码
2020/04/11 Python
pytorch判断是否cuda 判断变量类型方式
2020/06/23 Python
python+selenium实现12306模拟登录的步骤
2021/01/21 Python
HTTP状态码详解
2021/03/18 杂记
香港最大的洋酒零售连锁店:屈臣氏酒窖(Watson’s Wine)
2018/12/10 全球购物
英语专业推荐信
2013/11/16 职场文书
放飞理想演讲稿
2014/09/09 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
暑期家教宣传单
2015/07/14 职场文书
校长新学期致辞
2015/07/30 职场文书
医院感染管理制度
2015/08/05 职场文书
员工工作心得体会
2019/05/07 职场文书
护士年终工作总结不会写?各科护士模板总结
2020/01/02 职场文书
CSS中em的正确打开方式详解
2021/04/08 HTML / CSS
用Python进行栅格数据的分区统计和批量提取
2021/05/27 Python
js中Object.create实例用法详解
2021/10/05 Javascript
Tomcat用户管理的优化配置详解
2022/03/31 Servers
Python 全局空间和局部空间
2022/04/06 Python
CSS浮动引起的高度塌陷问题
2022/08/05 HTML / CSS