您的位置：首页 > Web前端 > JQuery

JQuery一些简单常用的方法

2011-03-03 17:53 309 查看
申请了博客，却不知道写点啥，因为本人是一只菜鸟，所以也不敢在各位大虾们面前show一些皮毛的小东东，现在也顾不了那么多了，我就是想在这里做一些学习用的笔记，呵呵。希望各位师傅们莫要见笑，以后多多希望各位指教。

最近在学习JQuery。因为在以后的工作中可能要用到，由于刚学习不久，了解的也只是一些皮毛的东西，但是好记性不如把它记录下来，因此今天有兴在这里总结了一下，各位不要见笑哦！

JQuery实际上就是对js的一个封装我认为，是一个JavaScript函数库，此函数库主要包括的有：

~Html元素选取
~Html元素操作
~CSS操作
~HTML时间函数
~JavaScript特效和动画
~HTML DOM遍历和修改
~Ajax
~Utilities

在使用JQuery的过程中，怎样使用呢，首先要向页面中添加JQuery库

JQuery库位于js文件中，可以通过下面的标记将把JQuery添加到网页中

<head>
<script type="text/javascript" src="jquery.js"></script><!--注意一定要放到head标签中>
</head>

引入了库，下面就是一些简单的用法了，首先来记录几个简单的常用的实例。
1.JQuery的hide（）函数，隐藏了html文档中的所有元素
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();

});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
这只是一个简单的小例子，呵呵，感觉很好用，就把一些常用的语法放在这里吧！
$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏所有段落

$("p.test").hide() - 隐藏所有 class="test" 的段落

$("#test").hide() - 隐藏所有 id="test" 的元素
jQuery 元素选择器
jQuery 使用 CSS 选择器来选取 HTML 元素。

$("p") 选取 <p> 元素。

$("p.intro") 选取所有 class="intro" 的 <p> 元素。

$("p#demo") 选取 id="demo" 的第一个 <p> 元素。

jQuery 属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

有关一些常用的方法就先写到这里了，以后还有很多有关学习的有机会再一一阐述，就不多说了，呵呵，慢慢学吧，相信自己会学的越来越好！




内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航