zbo2018
11/2/2018 - 2:47 AM

jquery

jquery 常用操作:获取元素自己html内容、动态生成的元素事件绑定、删除css属性、jquery互转dom

//jquery 获取元素自己html内容
var html = $("#name").prop("outerHTML");//方式1
var html = $("#name").get(0);//方式2

//给动态生成的元素事件绑定
$("#articleSlice_panelBody ")//原先就存在的元素
        .on("click", //事件
        "[id^='articleSlice_sentence_']",//生成的元素
        function(){
            $(this).css("background-color","yellow");
        });
        
//删除css属性  
$("#name").css("margin-right", '');

//jquery对象转dom
var html = $("#name").get(0);
//dom转jquery对象
var jqueryObj = $("<span>name</span>");


判断元素是否隐藏
//第一种
$('#name').css('display')=='none'
//第二种,注意加冒号,:visible
$('#name').is(':visible')
//判断元素是否是某个class
$('#name').is('on')


//执行字符串表示的函数
eval("alert('test2')");

//执行函数对象、字符串函数名称
if(callback){
	if(typeof callback === "function"){
  	callback(articleid, paragraphid, contentid, segmentModifyId);
  }else{
    eval(callback+"('"+articleid+"','"+paragraphid+"','"+contentid+"','"+segmentModifyId+"')");
  }
}

//设置html内容:从数据库中取的内容含有html标记,页面上应该用html的方式加入到网页中。否则标记会变成字符串
$("p").html("Hello <b>world</b>!");//设置html内容
$("p").append("<b>Hello</b>");//项元素末尾添加html
//设置文本:无论是什么内容都会作为字符串加入到网页中,html的标记会显示在页面上,不产生效果。
$("p").text("Hello world!");
$("p").text("Hello <b>world</b>!");