您现在的位置是:网站首页> 编程资料编程资料
jQuery 表单事件与遍历详情_jquery_
2023-05-24
691人已围观
简介 jQuery 表单事件与遍历详情_jquery_
表单事件
.blur()
为 "blur" 事件绑定一个处理函数,或者触发元素上的 "blur" 事件(注:此事件不支持冒泡)。
$('#other').click(function() { $('#target').blur(); });.focus()
为 JavaScript 的 "focus" 事件绑定一个处理函数,或者触发元素上的 "focus" 事件。
$('#target').focus(function() { alert('Handler for .focus() called.'); });.change()
为JavaScript 的 "change" 事件绑定一个处理函数,或者触发元素上的 "change" 事件。
$('.target').change(function() { alert('Handler for .change() called.'); });.submit()
当用户试图提交表单时,就会在这个表单元素上触发submit事件。它只能绑定在元素上。
$('#target').submit(function() { alert('Handler for .submit() called.'); });遍历
.map()
通过一个函数匹配当前集合中的每个元素,产生一个包含新的jQuery对象。
由于返回值是一个jQuery包裹的数组,所以通常会使用get()方法将其转换成普通的数组。
map()方法会返回一个新的数组。
.each()
遍历一个jQuery对象,为每个匹配元素执行一个函数。
- foo
- bar
$( "li" ).each(function( index ) { console.log( index + ":" + $(this).text()); });each()返回的是原来的数组,并不会新创建一个数组。
.get()
通过jQuery对象获取一个对应的DOM元素。
- foo
- bar
console.log( $( "li" ).get( 0 ) );
到此这篇关于jQuery 表单事件与遍历详情的文章就介绍到这了,更多相关jQuery 表单事件内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
您可能感兴趣的文章:
相关内容
- lodash内部方法getData和setData实例解析_JavaScript_
- 纯js实现高度可扩展关键词高亮方案详解_JavaScript_
- Vue 入口与 initGlobalAPI实例剖析_vue.js_
- Jira 任务管理系统项目总结讲解_React_
- jQuery中DOM 属性使用实例详解下篇_jquery_
- jQuery中DOM 属性使用实例详解上篇_jquery_
- vue中的for循环以及自定义指令解读_vue.js_
- vue实现弹窗翻页多选效果_vue.js_
- JavaScript内置对象Math与String详细介绍_javascript技巧_
- qiankun 找不到入口问题彻底解决_JavaScript_
