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向asp.net Mvc传递复杂json数据-ModelBinder篇
May 07 Javascript
javascript实用小函数使用介绍
Nov 11 Javascript
JS调试必备的5个debug技巧
Mar 07 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
Mar 31 Javascript
JS处理json日期格式化问题
Oct 01 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
Oct 21 Javascript
vue的Virtual Dom实现snabbdom解密
May 03 Javascript
Koa2 之文件上传下载的示例代码
Mar 29 Javascript
bootstrap table.js动态填充单元格数据的多种方法
Jul 18 Javascript
JavaScript switch语句使用方法简介
Dec 30 Javascript
(开源)微信小程序+mqtt,esp8266温湿度读取
Apr 02 Javascript
JS数组方法some、every和find的使用详情
Oct 05 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
虫族 Zerg 热键控制
2020/03/14 星际争霸
url decode problem 解决方法
2011/12/26 PHP
PHP程序员基本要求和必备技能
2014/05/09 PHP
PHP设计模式之装饰者模式代码实例
2015/05/11 PHP
php实现window平台的checkdnsrr函数
2015/05/27 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
php技巧小结【推荐】
2017/01/19 PHP
php实现查询功能(数据访问)
2017/05/23 PHP
基于jquery的direction图片渐变动画效果
2010/05/24 Javascript
(jQuery,mootools,dojo)使用适合自己的编程别名命名
2010/09/14 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
JS实现点击图片在当前页面放大并可关闭的漂亮效果
2013/10/18 Javascript
jQuery打印指定区域Html页面并自动分页
2014/07/04 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
jquery实现简单的全选和反选功能
2016/01/02 Javascript
第一次接触Bootstrap框架
2016/10/24 Javascript
jQuery实现checkbox列表的全选、反选功能
2016/11/24 Javascript
js 获取html5的data属性实现方法
2017/07/28 Javascript
Vue实现一个图片懒加载插件
2019/03/11 Javascript
使用ThinkJs搭建微信中控服务的实现方法
2019/08/08 Javascript
Node.js API详解之 timer模块用法实例分析
2020/05/07 Javascript
Python中__init__和__new__的区别详解
2014/07/09 Python
详解Python使用simplejson模块解析JSON的方法
2016/03/24 Python
对django中render()与render_to_response()的区别详解
2018/10/16 Python
django处理select下拉表单实例(从model到前端到post到form)
2020/03/13 Python
巴基斯坦电子产品购物网站:Home Shopping
2017/09/14 全球购物
毕业自我鉴定范文
2013/11/06 职场文书
销售工作人员的自我评价分享
2013/11/10 职场文书
总经理办公室主任岗位职责
2013/11/12 职场文书
四风存在的原因分析
2014/02/11 职场文书
致长跑运动员加油稿
2014/02/20 职场文书
2014年感恩母亲演讲稿
2014/05/27 职场文书
三十年同学聚会感言
2015/07/30 职场文书
Python爬取英雄联盟MSI直播间弹幕并生成词云图
2021/06/01 Python
国产动画《万圣街》日语配音版制作决定!
2022/03/20 国漫
Python万能模板案例之matplotlib绘制甘特图
2022/04/13 Python