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
8款非常棒的响应式jQuery 幻灯片插件推荐
Feb 02 Javascript
jquery中的mouseleave和mouseout的区别 模仿下拉框效果
Feb 07 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
Sep 23 Javascript
js拼接html字符串的注意事项
Oct 13 Javascript
Vue中render方法的使用详解
Jan 26 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
jQuery事件多次绑定与解绑问题实例分析
Feb 19 jQuery
Vue中rem与postcss-pxtorem的应用详解
Nov 20 Javascript
es6函数中的作用域实例分析
Apr 18 Javascript
微信小程序中wxs文件的一些妙用分享
Feb 18 Javascript
前端canvas中物体边框和控制点的实现示例
Aug 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
ThinkPHP利用PHPMailer实现邮件发送实现代码
2013/09/26 PHP
PHP中获取时间的下一周下个月的方法
2014/03/18 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
javascript中的几个运算符
2007/06/29 Javascript
Jquery ajax传递复杂参数给WebService的实现代码
2011/08/08 Javascript
JS中把字符转成ASCII值的函数示例代码
2013/11/21 Javascript
jQuery实现的向下图文信息滚动效果
2015/05/03 Javascript
jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法
2016/01/19 Javascript
JavaScript自学笔记(必看篇)
2016/06/23 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
2016/10/08 Javascript
AngularJS自定义插件实现网站用户引导功能示例
2016/11/07 Javascript
jquery css实现邮箱自动补全
2016/11/14 Javascript
jquery pagination分页插件使用详解(后台struts2)
2017/01/22 Javascript
详解vue静态资源打包中的坑与解决方案
2018/02/05 Javascript
vue+springmvc导出excel数据的实现代码
2018/06/27 Javascript
vue实现自定义多选与单选的答题功能
2018/07/05 Javascript
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
2018/08/20 Javascript
浅谈解除装饰器作用(python3新增)
2018/10/15 Python
python+webdriver自动化环境搭建步骤详解
2019/06/03 Python
Python如何转换字符串大小写
2020/06/04 Python
Python趣味入门教程之循环语句while
2020/08/26 Python
Python特殊属性property原理及使用方法解析
2020/10/09 Python
matplotlib之多边形选区(PolygonSelector)的使用
2021/02/24 Python
安踏官方商城:anta.cn
2019/12/16 全球购物
两道JAVA笔试题
2016/09/14 面试题
安全生产检讨书
2014/01/21 职场文书
实习老师离校感言
2014/02/03 职场文书
优秀团员事迹材料1500字
2014/08/31 职场文书
纪委书记群众路线整改措施思想汇报
2014/10/09 职场文书
颐和园英文导游词
2015/01/30 职场文书
高中开学感言
2015/08/01 职场文书
医务人员岗前培训心得体会
2016/01/08 职场文书
2016年社区综治宣传月活动总结
2016/03/16 职场文书
2016年社区创先争优活动总结
2016/04/05 职场文书
pytorch 6 batch_train 批训练操作
2021/05/28 Python
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
2022/05/30 NodeJs