管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

jQuery知识点整理

　　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>

教程首页 更多教程