美文网首页JavaScript
[记录]常见用js或jquery操作html元素

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

作者: else05 | 来源:发表于2016-01-19 16:02 被阅读47次

偶尔会用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) ;

相关文章

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

    偶尔会用jquery判断元素显示、是否checked ,这里做个记录 js或jquery获取HTML标签类型 j...

  • Jquery介绍

    JQuery是一个JS库,包含了以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函...

  • jQuery入门

    jQuery是js的函数库。 功能: html元素选择与操作 css操作 html事件函数 JS特效和动画 Htm...

  • You might not need jQuery——笔记

    元素操作jQuery JS jQuery JS jQuery JS element.insertAdjacentH...

  • 2018-04-11 jquery 选择器

    JQuery 选择器 JQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于...

  • jQuery选择器

    jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于...

  • jQuery 选择器

    jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器 jQuery 选择器允许...

  • jquery选择器

    jquery选择器: jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于...

  • jQuery-Ajax-HTTP协议-版本管理

    jQuery 和 Ajax 1. 元素选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 ...

  • jQuery

    jQuery - 简书 jQuery 库包含以下特性:HTML 元素选取,HTML 元素操作,CSS 操作,HTM...

网友评论

    本文标题:[记录]常见用js或jquery操作html元素

    本文链接:https://www.haomeiwen.com/subject/tookkttx.html