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 相关文章推荐
用js判断用户浏览器是否是XP SP2的IE6
Mar 08 Javascript
jquery获取input表单值的代码
Apr 19 Javascript
IE不支持getElementsByClassName最终完美解决方案
Dec 17 Javascript
通过javascript获取iframe里的值示例代码
Jun 24 Javascript
基于JavaScript实现手机短信按钮倒计时(超简单)
Dec 30 Javascript
Angularjs实现分页和分页算法的示例代码
Dec 23 Javascript
JavaScript登录记住密码操作(超简单代码)
Mar 22 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
Dec 19 Javascript
web前端vue之vuex单独一文件使用方式实例详解
Jan 11 Javascript
Puppet的一些技巧
Sep 17 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
Nov 07 Javascript
js操作两个json数组合并、去重,以及删除某一项元素
Sep 22 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
德生BCL3000的电路分析和打磨
2021/03/02 无线电
PHP获取当前url的具体方法全面解析
2013/11/26 PHP
ThinkPHP使用smarty模板引擎的方法
2014/07/01 PHP
PHP实现简单的新闻发布系统实例
2015/07/28 PHP
详解使用php调用微信接口上传永久素材
2017/04/11 PHP
CSS3画一个阴阳八卦图
2021/03/09 HTML / CSS
IE中createElement需要注意的一个问题
2010/07/13 Javascript
40款非常棒的jQuery 插件和制作教程(系列二)
2011/11/02 Javascript
基于jQuery判断两个元素是否有重叠部分的代码
2012/07/25 Javascript
javascript不同类型数据之间的运算的转换方法
2014/02/13 Javascript
jQuery前端框架easyui使用Dialog时bug处理
2014/12/05 Javascript
JavaScript用200行代码制作打飞机小游戏实例
2017/06/21 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
2017/06/29 jQuery
jQuery实现的简单图片轮播效果完整示例
2018/02/08 jQuery
JS实现调用本地摄像头功能示例
2018/05/18 Javascript
浅谈javascript中的prototype和__proto__的理解
2019/04/07 Javascript
postman自定义函数实现 时间函数的思路详解
2019/04/17 Javascript
Python中字典(dict)合并的四种方法总结
2017/08/10 Python
对pandas中两种数据类型Series和DataFrame的区别详解
2018/11/12 Python
Django使用AJAX调用自己写的API接口的方法
2019/03/06 Python
将python文件打包exe独立运行程序方法详解
2020/02/12 Python
django列表筛选功能的实现代码
2020/03/27 Python
Django如何使用redis作为缓存
2020/05/21 Python
python实现定时发送邮件
2020/12/23 Python
CSS3 media queries + jQuery实现响应式导航
2016/09/30 HTML / CSS
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
viagogo英国票务平台:演唱会、体育比赛、戏剧门票
2017/03/24 全球购物
贝玲妃英国官网:Benefit英国
2018/02/03 全球购物
英国在线药房:Chemist.co.uk
2019/03/26 全球购物
.TTL是什么?有什么用处,通常那些工具会用到它?(ping? traceroute? ifconfig? netstat?)
2016/05/09 面试题
五十岁生日宴会答谢词
2014/01/15 职场文书
辩论赛主持词
2014/03/18 职场文书
《金子》教学反思
2014/04/13 职场文书
文明家庭先进事迹材料
2014/05/14 职场文书
任命书模板
2014/06/04 职场文书
2019年大学生职业生涯规划书最新范文
2019/03/25 职场文书