还是先来个例子：

<div id="div1" class="box">div</div>

<ul>
<li></li>
<li></li>
<li></li>
<li class="boxs"></li>
<li title="hello"></li>
</ul>

<script>
//JQ中选择元素
//$('#div1').css('background','red');id选择法，后面呢是改变CSS的样式；
//$('.box').css('background','red');class选择法
//$('div').css('background','red');类别选择法
$('li:eq(2)').css('background','red'); //第三个li都变红，eq就是相当于下表，类似数组的下标，从0开始；
//$('li:odd').css('background','red');偶数行变红
$('li').filter('[title=hello]').css('background','red');//filter是过滤的意思，就是这个元素带title=hello的背景颜色为红色
$('li').filter('.box').css('background','red');
</script>

以上就是jquery选中元素的方法；

juery是js的库：

JS:window.onload=function(){}
JQ:$(function(){})
function $(){}

JS:innerHTML=123
JQ;html(123)
function html()

JS:onclick=function(){}
JQ:click(function(){})
function click(){}

常用的几种，其他的还没学；

取值赋值：

$(function(){
$("div").html("hello"); //赋值
alert($("div").html()); //取值
$("div").css("width","200px");//赋值 若是一组元素，则全部赋值
alert($("div").css("width"))//取值，若是一组元素，只取到第一组
});

其他常用的属性方法

attr：att是操作属性的，例如

<body>
<div title="123">div</div>
</body>
<script>
$(function(){
$('div').attr("title","124")
alert($('div').attr('title'))
})</script>

filter  not  has：

<body>
<div class="box"> div1<span>span</span></div>
<div> div2</div>
</body>
<script>
$(function(){
//filter 过滤 针对元素本身
//not filter的反义词 针对元素
//has用于包含，看元素里面的东西是否包含要包含的条件
$('div').filter('.box').css('background','red')//选择带box的
//$('div').not('.box').css('backgrount','red')//选择不带box的
//$('div').has('span').css("background",'red')//选择包含span标签的

})
</script>

next,prev,find

<script>
$(function(){
//next:指向下一个兄弟节点
//prev:指向上一个兄弟节点
//find：查找
//eq:相当于下标
$("div").next().css("background","red")
$("div").find('h2').eq(1).css("background","yellow")

})</script>
<body>
<div>div
<h3>h3</h3>
<h2>h2</h2>
<h2>h2</h2>
<h3>h3</h3>
</div>
<span>span</span>
<p>p</p>
</body>

index：

<script>
$(function(){
//index:在当前元素的兄弟元素中的位置，从0开始
alert($("#h").index())

})
</script>
<body>
<div>
<h3>h3</h3>
<h2>h2</h2>
<h2>h2</h2>
<h2>h2</h2>
<h3 id="h">h3</h3>
<h3>h3</h3>
<h3>h3</h3>
</div>
</body>

jquery入门学习笔记的更多相关文章

  1. JQuery入门学习笔记(全)

    jQuery 语法 $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有 元素 $("p.test").hide() - 隐 ...

  2. Hadoop入门学习笔记---part4

    紧接着<Hadoop入门学习笔记---part3>中的继续了解如何用java在程序中操作HDFS. 众所周知,对文件的操作无非是创建,查看,下载,删除.下面我们就开始应用java程序进行操 ...

  3. Hadoop入门学习笔记---part3

    2015年元旦,好好学习,天天向上.良好的开端是成功的一半,任何学习都不能中断,只有坚持才会出结果.继续学习Hadoop.冰冻三尺,非一日之寒! 经过Hadoop的伪分布集群环境的搭建,基本对Hado ...

  4. PyQt4入门学习笔记（三）

    # PyQt4入门学习笔记(三) PyQt4内的布局 布局方式是我们控制我们的GUI页面内各个控件的排放位置的.我们可以通过两种基本方式来控制: 1.绝对位置 2.layout类 绝对位置 这种方式要 ...

  5. PyQt4入门学习笔记（一）

    PyQt4入门学习笔记(一) 一直没有找到什么好的pyqt4的教程,偶然在google上搜到一篇不错的入门文档,翻译过来,留以后再复习. 原始链接如下: http://zetcode.com/gui/ ...

  6. Hadoop入门学习笔记---part2

    在<Hadoop入门学习笔记---part1>中感觉自己虽然总结的比较详细,但是始终感觉有点凌乱.不够系统化,不够简洁.经过自己的推敲和总结,现在在此处概括性的总结一下,认为在准备搭建ha ...

  7. Hadoop入门学习笔记---part1

    随着毕业设计的进行,大学四年正式进入尾声.任你玩四年的大学的最后一次作业最后在激烈的选题中尘埃落定.无论选择了怎样的选题,无论最后的结果是怎样的,对于大学里面的这最后一份作业,也希望自己能够尽心尽力, ...

  8. Scala入门学习笔记三--数组使用

    前言 本篇主要讲Scala的Array.BufferArray.List,更多教程请参考:Scala教程 本篇知识点概括 若长度固定则使用Array,若长度可能有 变化则使用ArrayBuffer 提 ...

  9. OpenCV入门学习笔记

    OpenCV入门学习笔记 参照OpenCV中文论坛相关文档(http://www.opencv.org.cn/) 一.简介 OpenCV(Open Source Computer Vision),开源 ...

随机推荐

  1. 【搬运工】NOIP吧置顶贴

    目的是存置顶贴里的链接.. 原帖:http://tieba.baidu.com/p/1753284199 资源站:*C++资源:http://tieba.baidu.com/p/1239792581* ...

  2. mvc2 To 4

    asp.net mvc2新特性:1.区域,有利于分模块开发 2.数据注解和验证 3.View层强类型辅助方法 4.UI Templates 5.httppost,默认参数asp.net mvc3新特性 ...

  3. jQuery实现动画过程中尽量避免出现网页滚动条

    jQuery实现动画过程中尽量避免出现网页滚动条,不然可能会出现动画效果异常.

  4. linux top 参数详解

    top命令是Linux下常用的性能分析工具,能够实时显示系统中各个进程的资源占用状况,类似于Windows的任务管理器.下面详细介绍它的使用方法. top - 01:06:48 up  1:22,   ...

  5. 一个不错的安卓下ssh客户端

    1.使用安卓作为ssh客户端连接ssh服务器 软件名:JuiceSSH 版本   :1.4.8 大小   :4.22 M 百度网盘地址:JuiceSSH_1.4.8.apk  或 JuiceSSH_1 ...

  6. 【java】[转]标记接口和标记注解注解

    Java中的标记接口和标记注解 http://blog.sina.com.cn/s/blog_7fdce91f0101d93m.html

  7. Hive_初步见解,安装部署与测试

    一.hive是什么东东 1. 个人理解 hive就是一个基于hdfs运行于MapReduce上的一个java项目, 这个项目封装了jdbc,根据hdfs编写了处理数据库的DDL/DML,自带的 二进制 ...

  8. Linux下安装PHP

    从php官网下载好需要php的压缩包,我下的是5.5.37版, 解压:# tar -xvf php-5.5.37.tar.gz 移至解压出的文件夹:# cd php-5.5.37 检查安装环境:# . ...

  9. Windows内核 基本汇编指令

    1)用VS2010新建Win32 Console Application,工程名为ACECore,工程建立完成后得到打开文件ACECore.cpp,代码如下: #include "stdaf ...

  10. js中特有语句-with

    <script type="text/javascript"> /* *为了简化对象调用内容的书写. *可以用js中的特有语句with来完成. *格式 *with{ * ...