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 相关文章推荐
return false;和e.preventDefault();的区别
Jul 11 Javascript
javascript:window.open弹出窗口的位置问题
Mar 18 Javascript
JS实现选项卡实例详解
Nov 17 Javascript
基于jquery实现全屏滚动效果
Nov 26 Javascript
js随机生成26个大小写字母
Feb 12 Javascript
vue axios用法教程详解
Jul 23 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
Dec 12 Javascript
vue src动态加载请求获取图片的方法
Oct 17 Javascript
mpvue微信小程序多列选择器用法之省份城市选择的实现
Mar 07 Javascript
使用 vue 实例更好的监听事件及vue实例的方法
Apr 22 Javascript
egg.js的基本使用和调用数据库的方法示例
May 18 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
Jul 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
PHP中使用unset销毁变量并内存释放问题
2012/07/05 PHP
php getcwd与dirname(__FILE__)区别详解
2016/09/24 PHP
PHP基于curl后台远程登录正方教务系统的方法
2016/10/14 PHP
DWZ+ThinkPHP开发时遇到的问题分析
2016/12/12 PHP
php实现文件预览功能
2017/05/23 PHP
优化 JavaScript 代码的方法小结
2009/07/16 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
2012/03/14 Javascript
js获取url中指定参数值的示例代码
2013/12/14 Javascript
js实现将选中值累加到文本框的方法
2015/08/12 Javascript
动态更新highcharts数据的实现方法
2016/05/28 Javascript
深入理解JavaScript 参数按值传递
2017/05/24 Javascript
Vue无限滑动周选择日期的组件的示例代码
2018/07/18 Javascript
原生JS实现获取及修改CSS样式的方法
2018/09/04 Javascript
JavaScript:ES2019 的新特性(译)
2019/08/08 Javascript
layui form表单提交之后重新加载数据表格的方法
2019/09/11 Javascript
Python中用于计算对数的log()方法
2015/05/15 Python
Python中的ctime()方法使用教程
2015/05/22 Python
python Flask实现restful api service
2017/12/04 Python
pip指定python位置安装软件包的方法
2019/07/12 Python
Docker部署Python爬虫项目的方法步骤
2020/01/19 Python
python GUI库图形界面开发之PyQt5拖放控件实例详解
2020/02/25 Python
Python中SQLite如何使用
2020/05/27 Python
python:HDF和CSV存储优劣对比分析
2020/06/08 Python
python主要用于哪些方向
2020/07/05 Python
Python 创建守护进程的示例
2020/09/29 Python
python 进制转换 int、bin、oct、hex的原理
2021/01/13 Python
HTML5的结构和语义(3):语义性的块级元素
2008/10/17 HTML / CSS
C#笔试题
2015/07/14 面试题
优秀团员个人的自我评价
2013/10/02 职场文书
公司前台接待岗位职责
2013/12/03 职场文书
公证委托书大全
2014/04/04 职场文书
家长通知书家长评语
2014/04/17 职场文书
心理咨询专业自荐信
2014/07/07 职场文书
会员卡清退活动总结
2014/08/27 职场文书
工人先进事迹材料
2014/12/26 职场文书
会计求职信怎么写
2015/03/20 职场文书