`

jquery选择器学习笔记

阅读更多
$("img").removeAttr("title");//移除指定元素属性值   
  
  
  
$("p:last").addClass("lastp");//addclass 为指定元素添加class,p:last 为最后一个p元素   
  
$("p:first").addClass('firstp');//同上,只不过是第一个p元素   
  
$("p:last").removeClass();//移除指定元素class   
  
$("p").toggleClass("highlight");//为指定元素   
  
$("p").toggle(function(){//toggle() 为指定元素按click轮换执行两个函数   
  
   $(this).addClass("hignlight");   
  
},function(){   
  
   $(this).removeClass('hignlight');   
  
});   
  
  
  
$("p").click(function(){//html()为指定元素追加内容   
  
   var html = $("p").text();   
  
   $("p").html(html);   
  
})   
  
  
  
$("div").eq(1).addClass("hignlight");//第二个div关联css类别   
  
  
  
$("div").text($("img").attr("title"));//为指定元素标签设置内容,text()用法   
  
var text = $("div").text();//获取所有div标签元素内容   
  
var text = $("div.d1").text();//获取指定class为d1的div标签元素内容   
  
  
  
$("p > a").hide();//隐藏p元素内的子链接,不包括孙链接  

$("p a").hide();//隐藏p元素内的所有子链接,包括子、孙链接   
  
$("p[@a]").hide();//隐藏属性中含有a属性的p标记   
  
$("p:eq(0)").hide();//隐藏第一个p标记   
  
$("div:visible").hide();//隐藏所有可见div   
  
  
  
$("p:lt(5)").css('border','2px solid')//:lt(n) 索引小于n的元素   
  
$("p:gt(2)").css('border','7px solid green')//:gt(n) 索引大于n的元素   
  
  
  
$("p:parent").css('background','red');   
  
$("div:contains('tt')").hide();//隐藏所有text包行tt的div元素   
  
$("div:contains('ccc')").css('border','3px dotted');//添加calss为所有text包行ccc的div元素   
  
  
  
$("input:text").css('border','2px solid');//input元素下text类添加class   
  
$("input:text",'myform').css('border','3px solid');   
  
  
  
$("input[@type]")//属性含type的所有input元素   
  
$("input[@type=text]").val("change input type text1");//属性为type属性值为text的所有input元素   
  
$("input[@type=radio]").val("change input type text1");//属性为type属性值为radio的所有input元素   
  
$("img[@src*=sina]").css('border','4px solid');//获取src属性中包含sina字符的img元素的所有元素   
  
$("img[@src^=http]").css('color','red');//获取src属性中包口 http 字符开始img元素的所有元素   
  
$("img[@src$=gif]").css('background','green');//获取src属性中 gif 结束字符的img元素的所有元素  

本文来自CSDN博客,出处:http://blog.csdn.net/loki_wuxi/archive/2008/07/13/2646348.aspx

分享到:
评论

相关推荐

    jQuery选择器学习笔记

    ### jQuery选择器学习笔记 #### 一、引言 jQuery 是一个快速、小巧且功能丰富的库,极大地简化了 JavaScript 编程。其中的核心之一就是它的选择器系统,它基于 CSS 选择器,并提供了更多的灵活性和功能。本篇笔记...

    Jquery学习笔记Jquery学习笔记

    在本笔记中,我们将学习Jquery-1.2的基本用法,包括如何将Jquery库文件引入到项目中、如何使用Jquery选择器来获取节点对象、如何使用Jquery来实现Ajax异步交互。 二、Jquery选择器 Jquery选择器是Jquery框架中最...

    jQuery学习笔记(一)

    jQuery选择器 jQuery的核心在于其强大的选择器系统,它极大地简化了对HTML元素的选取。基于CSS选择器,jQuery提供了以下几种选择器: - ID选择器:`$("#elementID")` 用于选取具有特定ID的元素。 - 类选择器:`....

    jquery 学习笔记总结

    **jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库,它简化了网页文档对象模型(DOM)操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在...

    jquery 学习笔记源码 3jquery常规选择器

    本学习笔记将聚焦于jQuery的核心功能之一:常规选择器。通过理解并熟练运用这些选择器,你可以更加高效地定位和操纵网页中的元素,提升开发效率。 1. 元素选择器: jQuery的元素选择器允许我们根据HTML标签名来...

    《jQuery权威指南》学习笔记之第2章 jQuery选择器

    在深入探讨jQuery选择器之前,我们首先需要理解jQuery是什么。jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互。它的核心特性之一就是强大的选择器系统,使得开发者...

    jquery 学习笔记

    ### 1.1 jQuery选择器 jQuery的选择器类似于CSS,用于选取页面上的HTML元素。如`$("#id")`选取ID为"id"的元素,`$(".class")`选取所有class为"class"的元素,`$("tag")`选取所有tag类型的元素。jQuery还支持更复杂...

    delphi,jquery,mysql学习笔记

    学习jQuery,你需要掌握选择器(如ID选择器、类选择器、属性选择器等)、DOM操作(添加、删除、修改元素)、事件处理和动画效果。此外,jQuery对Ajax的支持使得前后端交互更为简单,理解AJAX的基本原理和jQuery封装...

    韩顺平jquery学习笔记及练习

    通过jQuery选择器,你可以轻松地找到页面上的元素,并进行添加、删除或修改。"韩顺平AJAX和jQuery笔记整理.doc"可能详细介绍了$(selector).html(), $(selector).append(), $(selector).remove()等方法的用法,以及...

    JQuery学习笔记

    JQuery的选择器系统强大且灵活,包括基本选择器(如`:first`, `:last`)、过滤选择器(`:not`, `:even`, `:odd`, `:eq`, `:gt`, `:lt`)和属性过滤选择器(如`[id]`, `[title=test]`)。此外,还有专门针对表单元素...

    锋利的jquery(学习笔记)

    【jQuery选择器】 jQuery的选择器分为四类: 1. **基本选择器**:`$(‘#idname’)`, `$(‘.classname’)`, `$(‘p’)`, `$(‘*’)`, 组选择器如`$(‘#idname,.classname,divname,divname.classname p’)` 2. **层次...

    JQuery自学学习笔记

    ### JQuery自学学习笔记 #### 一、JQuery简介与基本语法 JQuery 是一款轻量级的 JavaScript 库,极大地简化了 HTML 元素的选择、操作以及事件处理等任务。它提供了一种更加简单的方式来进行网页开发,使得开发者...

    js&jquery;学习笔记

    1. **选择器**:jQuery提供了一种简洁的方式来选择和操作DOM元素,如$("#id")选择ID为id的元素,$(".class")选择所有class为class的元素。 2. **链式操作**:jQuery对象支持链式调用,允许你在一行代码中执行多个...

    javascript and jquery学习笔记与资料

    CHM文件是一种常见的帮助文档格式,用户可以通过这个文件快速查找并理解jQuery的各种方法、选择器和插件。 `javascript.zip`和`javascript的函数.zip`可能分别包含JavaScript的通用教程和关于函数的专门讨论。...

    Jquery学习笔记分享

    **jQuery学习笔记分享** 在Web开发中,jQuery是一个非常重要的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。本文将深入探讨jQuery的基本概念、核心功能以及常见用法。 ### 第1章:...

    JQuery学习笔记合集

    1. **选择器**:jQuery提供了丰富的选择器,如ID选择器、类选择器、属性选择器等,使你能够高效地选取DOM元素。 2. **DOM操作**:jQuery提供了便利的方法,如`$(selector).html()`, `$(selector).append()`等,用于...

    jQuery-1.3.2 学习笔记(转).txt

    ### jQuery-1.3.2 学习笔记 #### 一、概述 jQuery 是一个快速、简洁的 JavaScript 库,使用户能更方便地处理 HTML 文档、选择 DOM 元素、制作动画效果,并为应用程序添加 AJAX 交互。版本 1.3.2 在 2009 年 2 月...

    jQuery学习笔记 jQuery API

    jQuery选择器 jQuery的选择器基于CSS,能够方便地选取页面中的元素。例如,`$("#id")`用于选取ID为指定值的元素,`$(".class")`则选取具有特定类名的元素。此外,还可以使用`$("tag")`来选取特定类型的元素,或者...

    jquery学习笔记

    2. 选择器:jQuery支持CSS选择器,如类选择器(".myClass")、ID选择器("#myID")和属性选择器("[attr=value]")。同时,jQuery还提供了更高级的选择器,如`:first`、`:last`、`:even`等。 3. 链式调用:jQuery对象的...

Global site tag (gtag.js) - Google Analytics