jquery属性使用

最新推荐文章于 2023-03-21 17:02:08 发布
最新推荐文章于 2023-03-21 17:02:08 发布
阅读量470 收藏 1
点赞数
分类专栏： JQuery 文章标签： jquery function button input xhtml html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yinjianjing/article/details/6285238
版权

源码下载:jquery属性操作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3-8</title>
 <!--   引入jQuery -->
 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <script type="text/javascript">
 //<![CDATA[
  $(function(){
      //设置<p>元素的属性'title'
      $("input:eq(0)").click(function(){
   $("p").attr("title","选择你最喜欢的水果.");
   });
      //获取<p>元素的属性'title'
   $("input:eq(1)").click(function(){
   alert( $("p").attr("title") );
   });
      //删除<p>元素的属性'title'
   $("input:eq(2)").click(function(){
   $("p").removeAttr("title");
   });  

  });
  //]]>
  </script>
</head>
<body>
    <input type="button" value="设置<p>元素的属性'title'"/>
 <input type="button" value="获取<p>元素的属性'title'"/>
 <input type="button" value="删除<p>元素的属性'title'"/>


 <p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
 <ul>
   <li title='苹果'>苹果</li>
   <li title='橘子'>橘子</li>
   <li title='菠萝'>菠萝</li>
 </ul>
</body>
</html>

 

yinjianjing
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery属性选择器用法示例
10-21
主要介绍了jQuery属性选择器用法,结合实例形式分析了jQuery中针对属性的判断与匹配相关操作技巧,需要的朋友可以参考下
jquery内的元素获取和设置class、value、text
zhangfulilili的博客
01-17 5198
一、jquery获取节点及获取一些属性//一下是js里面的代码$(function(){//$para $符说明变量是jquery的对象// 获取节点      var $para = $("p");// 获取第二个元素节 点 var $li = $("ul li:eq(1)");   // 输出元素节点属性title var p_txt = $para.attr("title"); // 获取里
JQuery属性选择器
T623048540的博客
03-13 9471
$('input'); //所有input元素 $('input[id]'); //input元素中，设置了id属性的所有元素。 $('input[id=btn1]'); //input元素中，id=btn1的元素。 $('input[id*=btn]'); //input元素中，id包含btn的所有元素。 $('input[id^=btn]'); //input元素中，id以btn开头的所有元素。 $('input[id$=btn]'); //input元素中，id以btn结尾的所有元素。 $('inp
jQuery 属性操作
原地起飞
12-05 1144
今天又是一篇理论知识，如果不觉得耐烦慢慢欣赏吧！！ 一、jQuery 属性操作 1、元素固有属性值 prop() 2、元素自定义属性值 attr() 3、数据缓存 data() 二、jQuery 文本属性值 1、jQuery内容文本值 三、jQuery 元素操作 1、遍历元素 2、创建、添加、删除 四、jQuery 尺寸、位置操作 1、jQuery 尺寸操作 2、jQuery 位置操作 五、今日总结 一、jQuery 属性操作 jQuery 常用属性操作有三种：prop()
jQuery的几种属性
Su3253067688的博客
10-20 1107
2.empt()和html("")作用等价，都可以删除元素里面的内容，只不过html还可以设置内 内容。所谓元素固有属性就是元素本身子代的属性，比如元素里面的href,比如元素里面的type。此方法用于遍历jQuery对象中的每一项，回调函数中元素为DOM对象，想要使用jQuery方法需要转换。：此方法用于遍历jquery对象中的每一项，回调函数中元素DOM对象，想要使用jquery方法需要转换。2.里面的函数有2个参数：index是每个元素的索引号；
JQuery中属性选择器
you4580的专栏
03-21 1785
语法： $("A[属性名='值']") 包含指定属性等于指定值的选择器。语法：$("A[属性名='值'][]...")包含多个属性条件的选择器。语法： $("A[属性名]")包含指定属性的选择器。
jQuery 属性
01-19
jQuery 属性 jQuery 属性 ...包含表示不同浏览器特性或漏洞的属性集（主要用于 jQuery 的内部使用） length 包含 jQuery 对象中元素的数目 jQuery.cssNumber 包含所有可以不使用单位的CSS属性的对象
jQuery Mobile Data 属性
01-06
jQuery Mobile 使用 HTML5 data-* 属性来为移动设备创建更具触摸友好性和吸引性的外观。 在下面的参考列表中，粗体显示的值为默认值。 按钮 在1.4 版本以后已废弃。使用 CSS 类 替代。带有 data-role=”button” 的...
JQuery属性操作与循环用法示例
10-17
主要介绍了JQuery属性操作与循环用法,结合实例形式分析了jQuery属性读取、设置,以及针对页面元素循环遍历相关操作技巧,需要的朋友可以参考下
Jquery删除css属性的简单方法
10-20
下面小编就为大家带来一篇Jquery删除css属性的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JQuery实现的主从表关系
yinjianjing的专栏
05-12 3803
源码地址：http://download.csdn.net/source/3215606可以实现主表与从表的关系，例如：一张单据可以由两批货物在页页上显示，都通过JQuery实现.可操作性强也也利于用户体验，其实包含了ajax,xml以及json等方法，JQuery学习的好工具，希望能给大家有所帮助，有错误的请大家批评指证。 
jquery遍历节点树
yinjianjing的专栏
03-29 3259
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">3-11-1
JQuery表单验证DEMO
yinjianjing的专栏
05-11 2209
源码下载地址:http://download.csdn.net/source/3196205一.MyValidator实现的功能：1.提示功能（在表单或者其他标签中加入tip="想提示的文字"）     如：2. 普通表单验证（在表单中加入test="正则类型")        如：二.如何编写自己的MyValidator：1.首先在JSRegular.js文件中写一个自己所需的正则表达式如://电话号码格式验证function IsPhoneNumber
jquery查找节点
yinjianjing的专栏
03-29 1685
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">3-1
jquery插入节点的方法
yinjianjing的专栏
03-28 1477
1.    append()例子:我想说：jq:$("p").append("你好");result:我想说："你好2.    appendTo()例子:我想说：jq:$("你好").appendTo("p");result:我想说："你好3.prepend()例子:我想说：jq:$("p").prepend("你好");result:你好我想说：4.prependTo()例子:我想说：jq:$("你好").prependTo("p");
jquery基础
yinjianjing的专栏
03-29 1431
<br />JQuery基础之选择器<br />jquery插入节点的方法<br />jquery查找节点<br />jquery删除节点<br />jquery复制节点<br />jquery替换节点<br />jquery包裹节点<br />jquery属性使用<br />jquery样式使用实例<br />jquery获取HTML,文本<br />jquery遍历节点树<br />jquery对CSS的样式操作
jquery获取HTML,文本
yinjianjing的专栏
03-29 1364
//获取元素的HTML代码      $("input:eq(0)").click(function(){   alert(  $("p").html() );   });      //获取元素的文本   $("input:eq(1)").click(function(){   alert(  $("p").text() );   });      //设置元素的HTML代码   $("input:eq(2)").click(function(){    $("p").html("你最喜欢的水果是?");
JQuery基础之选择器
yinjianjing的专栏
03-28 1229
<br /><html><br /><head runat="server"><br />    <title></title><br />    <style type="text/css"><br />        div, span, p<br />        {<br />            width: 140px;<br />            height: 140px;<br />            margin: ==5px;<br />            backg
jquery复制节点
yinjianjing的专栏
03-29 1173
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">3-5-2
jquery属性选择器
最新发布
08-26
jQuery属性选择器用于选择具有特定属性值的元素。它通过使用方括号来指定属性名称和属性值来实现。下面是一些常见的jQuery属性选择...这些是一些常见的jQuery属性选择器，可以根据需要进行组合和使用来选择所需的元素。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值