当该方法用于返回属性值时,则返回第一个匹配元素的值。
当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。
注意:prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected)。
示例如下:
新建一个html文件,命名为test.html,用于讲解jquery判断获得元素的类型是为div还是其他。引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。使用div标签创建一个模块,并设置div的id为mydiv,主要用于下面通过该id获得div对象。
使用button标签创建一个按钮,按钮名称为“获得元素类型”。给button按钮绑定onclick点击事件,当按钮被点击时,执行gettype()函数。
在js标签中,创建gettype()函数,在函数内,通过id(mydiv)获得div对象,使用prop()方法获得nodeName的值,该值存放的就是元素的类型名称。使用if语句判断nodeName值是否是div,如果是div,则提示“元素类型是div”,否则,提示“元素类型是XXX”。
Document 这是测试的元素function gettype(){ var tag=$("#abc").prop('nodeName') if(tag=='DIV'){ alert('元素类型是div') }else{ alert('元素类型是'+tag); } }
在浏览器打开test.html文件,点击按钮,查看实现的效果。
总结:
1、创建一个test.html文件。
2、在文件内,使用div标签创建一个模块,同时创建一个button按钮,用于触发执行js函数。
3、在js标签内,创建函数,在函数内,通过id(mydiv)获得div对象,使用prop()方法获得nodeName的值,该值存放的就是元素的类型名称。
相关视频教学推荐:jQuery视频教学