JQuery的相关案例——知识点

JQuery的相关案例——知识点,第1张

一、选项卡 (要求:点击主题字体,下方出现有关主题的内容。知识点:addClass添加样式;removeClass移除样式;siblings返回所有同级的兄弟元素;index返回当前元素的索引;eq根据索引返回指定的元素;注意:这些都是jquery的方法,所以后面都要添加“()”)

 二、get和post请求(注意:书写方式与原生js不同)

三、一级导航(知识点:$('<标签名>')是jquery的创建标签的方法;html()是jquery的获取/ *** 作元素的html内容;text()是jquery的获取/ *** 作元素的文本内容;append()是添加元素)

四、二级导航

 五、三级导航

六、扩展(与append类似的内部插入方法和外部插入方法)

1、内部插入方法:

a.append(b):b插入到a的下面;  a.appendTo(b):a插入到b的下面                                            a.prepend(b):b插入到a的上面;  a.prependTo(b):a插入到b的上面

2、外部插入方法:

A.after(B),是将B插入到A的下面;A.insertAfter(B),是将A插入到B的下面                                 A.before(B),是将B插入到A的前面;A.insertBefore(B),是将A插入到B的前面

jquery

实现回车登

1.button按钮提交方式

//按钮事件

$(‘#btnSumit‘).click(function()

{

alert(‘测试‘)

})

//回车提交事件

$("body").keydown(function()

{

if

(event.keyCode

==

"13")

{//keyCode=13是回车键

$(‘#btnSumit‘).click()

}

})

2.form表单提交方式

a.使用jquery

$("body").bind(‘keyup‘,function(event)

{

if(event.keyCode==13){

document.form.submit()

}

})

b.非jquery 

<body

onkeyup="autosubmit()">//添加监听事件

function

autosubmit(){//事件触发函数

if(event.keyCode==13){

document.form.submit()

}

}

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11557368.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存