`

jquery的几个属性学习--five

阅读更多
1、attr(name):
   说明:取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获  取一个属性的值。如果元素没有相应属性,则返回 undefined 。

    eg:
        html:
            <img src="test.jpg"/>
        jQuery:
            $("img").attr("src");
         result:
             test.jpg

attr(key,value):
    说明:为所有匹配的元素设置一个属性值。

    html:
        <img/>
         <img/>
    jQuery :
         $("img").attr("src","test.jpg");
     result:
        [ <img src= "test.jpg" /> , <img src= "test.jpg" /> ]

2、toggleClass(class)
  
   说明:如果存在(不存在)就删除(添加)一个类。

   eg:
      html:
          <p>Hello</p><p class="selected">Hello Again</p> jQuery 代码:
      jquery:
          $("p").toggleClass("selected");
      result:
           [ <p class="selected">Hello</p>, <p>Hello Again</p> ]
分享到:
评论

相关推荐

    jquery.datepicker-zh-CN.js

    &lt;script src="./public/js/jquery-ui-1.10.3.min.js"&gt; &lt;script src="./public/js/jquery.datepicker-zh-CN.js"&gt;&lt;/script&gt; &lt;link href="./public/css/jqueryui/jquery-ui-1.10.3.min.css" rel="stylesheet"&gt; $( "#...

    jquery-easyui-EDT-1.5.2-build1

    jquery-easyui-EDT-1.5.2-build1 jquery-easyui-EDT-1.5.2-build1

    jQuery动画特效---精通JavaScript+jQuery

    第0课 - 内容概述 - [精通JavaScript+jQuery] 第1课 - JavaScript背景知识-[精通JavaScript+jQuery] 第2课 - JavaScript基础 - [精通JavaScript+jQuery] 第3课 - CSS基础 - [精通JavaScript+jQuery] 第4课 - CSS...

    插件jquery-ui-timepicker-addon.js

    jquery插件jquery-ui-timepicker-addon.j

    jquery.qtip-1.0.0-rc3.js

    jquery.qtip-1.0.0-rc3.js 弹出层

    jquery.ui.datepicker-zh-CN.js

    jquery-ui中文日历控件,使用的时候记得先把文档编码改为UTF-8,否则中文显示乱码!

    google 社区 jquery-ui-themes-1.8.12.zip

    首先,"jquery-ui-themes-1.8.12.zip"是Google社区分享的一个jQuery UI主题资源包,它包含了多个预设的UI主题,这些主题都是为了使jQuery UI组件的外观和感觉更加统一和专业。1.8.12是该版本的特定迭代,可能包含了...

    jquery-3.7.0.min.js(jQuery下载)

    jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...

    jquery-ui-dialog-demo

    `jquery-ui-dialog-demo` 是一个基于 jQuery UI 库的弹出窗口插件示例,它提供了丰富的交互式对话框功能,包括模拟原生 JavaScript 的 `alert` 和 `confirm` 对话框以及自定义的打开(open)模式。这个插件使得在...

    jquery学习-----jquery库讲义

    &lt;script type='text/javascript' src='jquery-1.4-min.js'&gt; &lt;script type='text/javascript' src='script.js'&gt;&lt;/script&gt; ``` - **使用CDN服务**: 可以通过CDN服务来快速引入jQuery,提高页面加载速度。 ```...

    jQuery-File-Upload-9.11.2(完整版,插件已下载).zip

    jQuery-File-Upload-9.11.2(完整版,插件已下载),官方的很多引用文件都是线上的,加载很慢,下载到本地后更靠谱,这个版本是已经整理好的,直接调用后台php的部分也在其中,可以直接应用到项目中,直接拷贝过去就...

    jQuery判断自定义属性data-val用法示例

    本文实例讲述了jQuery判断自定义属性data-val用法。分享给大家供大家参考,具体如下: jquery判断自定义属性data-val 1.css .active { color: red; } 2.html &lt;li data-val=1&gt;1 &lt;li data-val=2&gt;2 &lt;li data-...

    jquery-ui-1.8.16

    jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-ui-1.8.16jquery-...

    jquery-3.3.1.js和jquery-3.3.1.min.js

    jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-3.3.1.js和jquery-3.3.1.min.js免费下载哈。jquery-...

    jquery插件jquery-ui-1.8.2.custom.min.js

    "jquery-ui-1.8.2.custom.min.js"是jQuery UI的一个定制版本,"custom"表示它是根据特定需求定制的,"min"则意味着文件经过了压缩处理,减小了文件大小,提高了页面加载速度。 在1.8.2这个版本中,jQuery UI包含了...

    jquery-easyui-EDT-1.4.2-build1.rar 包含中文文档

    EasyUI每个组件的属性,方法和事件。用户可以很容易地扩展他们。 -------------------------------------------------------------------------------- 属性 所有的属性都定义在jQuery.fn.{plugin}.defaults...

    Jquery智能提示 jquery&vsdoc1.4.0-2.1.0

    jquery-2.1.0jquery-2.1.0 jquery-2.1.0.min.js jquery-2.1.0-vsdoc.js 附Jquery官网下载方法: 源文件:http://code.jquery.com/jquery-[版本号].js 压缩文件:http://code.jquery.com/jquery-[版本号].min.js 如...

    jQuery打印插件----jQuery.print.js

    jQuery打印插件----jQuery.print.js实现网页的打印功能,亲测有效

    jquery-uijquery-ui-1.7.3.custom.zip

    jquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-uijquery-ui

Global site tag (gtag.js) - Google Analytics