jQuery

<head>
<script src="jquery-1.10.2.min.js"></script>
</head>


基础语法: $(selector).action()


美元符号定义 jQuery


选择符(selector)"查询"和"查找" HTML 元素


jQuery 的 action() 执行对元素的操作


$(this).hide() - 隐藏当前元素


$("p").hide() - 隐藏所有 <p> 元素


$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素


$("#test").hide() - 隐藏所有 id="test" 的元素


关于 : 和 [] 这两个符号的理解


:可以理解为种类的意思,如:p:first,p 的种类为第一个。


[] 很自然的可以理解为属性的意思,如:[href] 选取带有 href 属性的元素。


click()方法是当按钮点击事件被触发时会调用一个函数。


dblclick()当双击元素时,会发生 dblclick 事件。


mouseenter()当鼠标指针穿过元素时,会发生 mouseenter 事件。


mouseleave()当鼠标指针离开元素时,会发生 mouseleave 事件。


mousedown()当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。


mouseup()当在元素上松开鼠标按钮时,会发生 mouseup 事件。


hover()方法用于模拟光标悬停事件。


focus()当元素获得焦点时,发生 focus 事件。


blur()当元素失去焦点时,发生 blur 事件。


使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:


$(selector).hide(speed,callback);


$(selector).show(speed,callback);


 fadeIn() 用于淡入已隐藏的元素
 
 jQuery fadeOut() 方法用于淡出可见元素。
 
 fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。
 
 adeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)
 
 slideDown() 方法用于向下滑动元素
 
 slideUp() 方法用于向上滑动元素
 
 slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。
 
 $(selector).animate({params},speed,callback) animate() 方法用于创建自定义动画。
 
 DOM = Document Object Model(文档对象模型)


 text() - 设置或返回所选元素的文本内容
 
 html() - 设置或返回所选元素的内容(包括 HTML 标记)
 
 val() - 设置或返回表单字段的值
 
 attr() 方法用于获取属性值。alert($("#runoob").attr("href"));
 
 回调函数function有两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值:$("#btn1").click(function(){
    $("#test1").text(function(i,origText){
        return "旧文本: " + origText + " 新文本: Hello world! (index: " + i + ")"; 
    });
});
 
 append() - 在被选元素的结尾插入内容
 
 prepend() - 在被选元素的开头插入内容
 
 after() - 在被选元素之后插入内容
 
 before() - 在被选元素之前插入内容
 
 append/prepend 是在选择元素内部嵌入。


 after/before 是在元素外面追加。
 
 $("body").append(txt1,txt2,txt3);  
 
 remove() - 删除被选元素(及其子元素)
 
 empty() - 从被选元素中删除子元素
 
 css() 方法设置或返回被选元素的一个或多个样式属性。
 
 $("p").css({"background-color":"yellow","font-size":"200%"});
 
 parent() 方法返回被选元素的直接父元素。
 
 parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素html
 
 parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
 
 children() 方法返回被选元素的所有直接子元素。
 
 find() 方法返回被选元素的后代元素,一路向下直到最后一个后代
 
 siblings() 方法返回被选元素的所有同胞元素。
 
 next() 方法返回被选元素的下一个同胞元素。
 
 nextAll() 方法返回被选元素的所有跟随的同胞元素
 
 nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
 
 first() 方法返回被选元素的首个元素。
 
 last() 方法返回被选元素的最后一个元素。
 
 eq() 方法返回被选元素中带有指定索引号的元素。
 
 filter()方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回


 not() 方法返回不匹配标准的所有元素。
 
 
 AJAX:
 
 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。
 
 $.get() 方法通过 HTTP GET 请求从服务器上请求数据。
 
 $.post() 方法通过 HTTP POST 请求向服务器提交数据。
阅读更多
个人分类: jQuery基础
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭