[记录]常见用js或jquery操作html元素

偶尔会用jquery判断元素显示、是否checked ,这里做个记录

  1. js或jquery获取HTML标签类型
  • jquery
$('xxx').attr("tagName") ;
  • javascript
document.getElementById("xxx").tagName ;
document.getElementById("xxx").id ;  // 元素的id
document.getElementById("xxx").className ; // 元素的class

js操作HTML属性


  1. jQuery判断对象是否显示或隐藏
  • jquery
$("xxx").css("display") ;
$("xxx").is(":visible") ;
$("xxx").is(":hidden")  ; 
// 以上返回值不一定都是true|false
  1. 判断元素是否存在
  • jquery
if ($("#div").length > 0){
   // 存在 
}
// 其它方法
var data=$('xxx').html(); // 元素不存在返回 null
var data=$('xxx').val(); // 元素不存在返回 undefined
  • javascript
if(document.getElementById('div')) {
  // 存在
  } else {
   }
  1. jquery 判断是否为数据

在restful风格的项目中,返回的数据是List列表的json,就会判断数据是否为数组(列表)

Array.isArray(data) ;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 3,451评论 0 44
  • 第一章 jQuery简介 1-1 jQuery简介 1.简介 2.优势 3.特性与工具方法 1-2 环境搭建 进入...
    mo默22阅读 1,611评论 0 11
  • 原文链接 http://blog.poetries.top/2016/10/20/review-jQuery 关注...
    前端进阶之旅阅读 16,679评论 18 503
  • jQuery基础(一)——样式篇 1-2环境搭建 1-3 jQuery HelloWorld体验 $(docume...
    croyance0601阅读 1,108评论 0 8
  • “温柔”的陷阱 雾渐渐散去,太阳冉冉升起,当阳光照进餐厅,空气便慢慢地潮热起来。妻儿在吃着面条,我坐...
    宁资虎阅读 1,175评论 1 1