jquery学习

博客介绍了jQuery的多种功能,包括点击元素消失、循环弹出效果、使用选择器、点击替换内容、获取子节点、判断selected被选中状态以及添加下拉选项等,展示了jQuery在前端交互中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.点击消失

$(document).ready(function () {
       $("p").click(function () {
           $(this).hide();
       });
   });

2.循环弹出

var o = $("P");
  for(var i =0;i<o.length;i++) {
      alert(o[i].innerHTML);
  }

3.选择器

${".ok"}   类选择器
${"p"}     标签选择器
${"#ok"}   id选择器

4.点击替换

var o = $("#srcId").click(function () {
      $(this).attr('src', "http");
  });

5.拿到子节点

var op = $("select").children("option");
  for(var i=0;i<op.length;i++) {
      alert(op[i].index);
  }

6.selected被选中

$("select").get(0).selectedIndex = 2;

7.添加一个下拉

 $("select").append("<option>6</option>");
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值