jquery样式操作和内容操作、jquery常用的对象选择方法(常用!!)
jquery设置和获取CSS样式
设置:jquery对象.css({"样式名":"属性"}) 获取样式:jquery对象.css("样式名")jquery追加类样式
jquery对象.addClass("类样式的名称 类样式的名称") ←若要追加多个类样式,要用空格隔开,这个只是追加样式,并不能设置当前样式,若要设置当前样式,可以用script的方法 .className="类样式的名称"。但需要先将jquery对象转换成script。可以用jquery对象[0]或者jquery.get(0)来转换。jquery移除样式
jquery对象.remove("类样式的名称 类样式的名称") ←与追加类样式的格式一样。toggleClass模拟了addClass()与removeClass()实现样式切换。
$(selector).toggleClass("类样式名称") ←需要配合触发事件来完成,比如说hover()等。
jquery判断是否存在该类样式
$(selector).hasClass("类样式名称") ←若存在则返回true,否则返回falsejquery中html()与text()的区别
html()若里面有其他标签,那么他会连同标签名一起获得。而text()只会获得其文本内容,不会获得标签jquery获取当前元素的valve值(一般都是获得input标签的值)
$(selector).val() ←这是获取,若要设置则在val()的括号里面添加内容即可jquery创建html节点:
var $自定义名称= $("<li></li>"); ←这等于创建了一个li标签var $自定义名称= $("<li>"+对象名+"</li>"); ←当前等于创建了一个li标签,并且在li标签里面插入对象。
var $自定义名称= $("<li>对象名</li>"); ←在li标签内插入对象的错误格式,这样只会插入一段对象名的文本,而不会插入对象
jquery插入子节点的常用方法
一般常用append和prepend。
$(A).append(B) ←这代表着B要插入到A里面(B会变成A的子节点),顺序是从最后一个开始追加(从A的子节点末端追加B)。
$(A).prepend(B) ←这代表着B要插入到A里面(B会变成A的子节点),顺序是从最前一个开始追加(从A的子节点末端追加B)。
jquery插入同辈节点的常用方法
$(A).after(B) ←将B插入到A的后面(不是子节点哦,是同辈节点)
$(A).before(B) ←将B插入到A的前面(同辈节点,不是子节点!!要注意)
jquery删除节点:
jquery替换节点:
jquery复制节点:
jquery设置元素属性:
jquery删除元素属性:
jquery获取当前对象的子元素
$(selector).children ←获取当前对象的所有子元素,但只会默认选择到第一个子元素,不会选择后面那些子元素,只会选择子元素,不会选择后代元素!jquery获取当前对象的同辈元素
jquery获取当前对象的父辈元素
$(selector).parent() 只能获取元素的父级元素$(selector).parents() 注意:多了一个s就代表着能获取包括父类在内的所有祖先元素(父类的父类的父类的父类等)