前段学习心得-jQuery

本文深入探讨了jQuery的使用技巧,包括元素操作、事件绑定、AJAX调用等关键功能,以及如何通过jQuery简化DOM操作,提升网页交互体验。

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

1、在form标签中加入button按钮或者使用input(type=submit),点击提交后会刷新整个页面。

2、如果用jQuery中的选择器选择复数元素,怎么取出其中特定元素?
用选择器中的:eq(index)

3、jQuery中常用函数及其用法
(1)hide()隐藏元素 该方法不会保留隐藏元素的空间位置
(2)show()显示隐藏元素
(3)css(name,value) css(“background-color”,“red”)
(4)text(String),设置所有匹配元素的值
(5)text() ,获取元素的值,,如果包含换行符,则alert时,会打印“口”
若匹配元素不止一个,则会将所有内容拼接为一个字符串。
(5)addClass(class) addClass(“one”) 为匹配的元素追加指定的类名
(6)removeClass(class) removeClass(“one”) 移除匹配元素中指定的类
(7)find(‘span’) 查找
(8)is()函数,判断函数,为真返回true,为假返回false

$("#one").is(":visible") 判断元素是否可见
$("#one").is("div") 判断元素是否为div元素
$("#one").is(".one") 判断元素是否包含类名

(9)attr(attrname),获取属性值 attr(“id”); 如果匹配元素不止一个,则会返回第一个匹配元素的属性
(10)attr(title,value);
(11)$(html),创建元素节点$("<li><li>");
(12)html(),获取匹配元素的HTML代码
(13)val() ,获取元素的value属性,尤其是表单元素中的属性,可以获取输入文本框的内容
(14)children() ,获取匹配元素的子元素集合,匹配元素的所有儿子元素。返回值可以用下标取值。
(15)next()
(16)siblings(),获取匹配元素的所有前后同辈元素
(17)bind(“click”,function(){}),事件绑定
(18)unbind(“click”), 移除事件

4、jQuery中的所有事件

(1)click
(2)blur
(3)focus
(4)load
(5)resize
(6)scroll
(7)unload
(8)dbclick
(9)mousedown
(10)mouseup
(11)mousemove
(12)mouseover
(13)mouseout
(14)mouseenter
(15)mouseleave
(16)change
(17)select
(18)submit
(19)keydown
(20)keypress
(21)keyup
(22)error

5、jQuery遍历

$("input").each(function(){
	alert($(this).val());
});

6、js中的键值对对象
var map = {“name”:“tom”,“age”:24};

动态生成键值对:
map[‘name’]=value;
map[‘age’]=value;

7、jQuery中的AJAX方法

(1)load(url,data,callback)
(2)$.get(url,data,callback)
(3)$.post(url,data,callback(data,textstatus))
(4)$("form").serialize(); 返回一个序列化字符串,前提是表单中组件有name值, name=110101198003078377&password=123456

代码:

$("#department :first-child").attr('selected', true);   改变下拉列表的值,只能改变一次,下次就不能用
$("#department").val("0000");   //通过设置value值可以实现

$("#button").click();   //自动触发点击事件
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值