Über die Verwendung von Attr in JS

Dieser Artikel stellt hauptsächlich die Verwendung von attr in js vor. Er ist sehr gut und hat Referenzwert. Ich hoffe, er kann jedem helfen.

Der spezifische Code lautet wie folgt:

<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("#btn").click(function(){
      //使用attr(name)获取属性值：
      alert($("p").attr("title"));//你最喜欢的水果是。
      alert($("ul li:eq(1)").attr("title"));//橘子汁
      alert($("ul li:eq(1)").attr("alt"));//123
      //使用attr(name, value)改变属性值：
      //$("ul li:eq(1)").attr("title", "还是吗？");//将第二个li的title的值改变
      //使用attr(name, fn)设置属性的函数值
      $("ul li:eq(1)").attr("title", function(){
          return "我就不信";
      });//将第二个li的title的值改变
      alert($("ul li:eq(1)").attr("title"));//我就不信
      //使用attr(name, properties)将一个“名/值”形式的对象设置为所有匹配元素的属性
      $("ul li:eq(1)").attr({title: "第一个", alt: "第二个"});
      alert($("ul li:eq(1)").attr("title"));//第一个
      alert($("ul li:eq(1)").attr("alt"));//第二个
    });
  });
</script>
<p title="你最喜欢的水果是。">你最喜欢的水果是？</p>
<ul>
  <li title="苹果汁">苹果</li>
  <li title="橘子汁" name="好吃" alt="123">橘子</li>
  <li title="菠萝汁">菠萝</li>
</ul>
<input type="button" value="点击" id="btn"/>

Verwandte Empfehlungen:

jQuery Detaillierte Erläuterung der Ähnlichkeiten und Unterschiede bei der Verwendung von attr(), prop(), val() zum Erhalten von Werten

Der Unterschied zwischen .attr() und .data() in jQuery

Wann sollte attr() und wann prop() in jquery verwendet werden?

Das obige ist der detaillierte Inhalt vonÜber die Verwendung von Attr in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!