jquery学习(没有办法,我不太想用这个)

本文介绍使用jQuery进行DOM操作的方法,包括选择元素、创建元素、设置属性、添加事件等。通过具体示例展示了如何高效地利用jQuery简化网页开发。

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

1.选择div下的p

$("div > p")

 

2.获取第一个表单下 input type="radio"的元素

$("input:radio",document.forms[0])

 

3.动态创建一个div,并追加到body中

$("<div><p>HELLO</p></p>").appendTo("body")

 

4.设置元素属性

//在IE不行

$("<input>").attr("type","checkbox");

//兼容

$("<input type='checkbox'>")

 

5.创建一个div,并添加事件

$("<div>" , {class:"test",text:"click me!!",click:function(){

    $(this).toggleClass("test1");

}}).appendTo("body");

 

6.创建一个input ,并添加事件

$("<input>" , {type:"text",val:"text",focusin:function(){

  $(this).addClass("active");

},focusout:function(){

  $(this).removeClass("active");

}}).appendTo("body");

 

7.封装dom对象,并设置css

$(document.body).css( "background", "black" );

 

8.调用hide()函数隐藏元素

$(myform.elements).hide();

 

下次再来

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值