jquery拼接后css样式不生效_JQuery常用选择器以及操作属性和样式的方法介绍

JQuery日常操作有选择器,获取和操作属性,css样式,文本等等,下面是一些常用的操作,代码以图片形式(哈哈,其实还是我懒,大神别喷我,我还是渣渣),就是一些日常的学习笔记

JQuery中的属性选择器

表单选择器

要与属性选择器进行区分

这两个写法获取的对象都是一样的,注意一般前面是冒号的,可以默认为选择input标签里含有该属性的对象

第二句代码是指事件绑定,不再是打开页面就执行了,而是将其绑定到了id为bul的按钮里,点击按钮才执行里面的方法

可以综合成json(JavaScript Object Notation 一种轻量级数据交换格式)数据格式

操作CSS样式

JS操作CSS样式:

JS对象.style.样式名=”设定的值”;(只支持行内样式)

JQuery操作CSS样式:

JQuery对象.css(“样式名”,”设定的值”)(不仅支持行内样式,也支持内嵌样式);

增加CSS样式

JS增加CSS样式可以通过增加类的方式

JQuery增加CSS样式同样可以通过增加类的方式(以下两种均可)

获取属性

JS的获取方式: JS对象.属性名

JQuery的获取方式 Jquery对象.attr(“属性名”)

两个获取值的方法的差别:

下图中tex为JQuery对象

操作属性

和操作css相类似

对于多选框和select选择,用上面那种就是返回该属性对于的值checked,而下面的是返回布尔值,选中了是true

如果该选择框没有checked属性,则上面的会显示undefined,下面的会返回false

当没有checked属性时使用上面方法可以操作多选框选项选中

而使用下面方法则不行,注意两者的区别

获取值

一般来说双标签用上面两者方法获取值

单标签用val()方法获取值,

特殊标签如select,textarea这两个双标签也用val()获取值

操作值

上面图片第三行代码,可以在原有内容上新增内容

而第四行代码是替换掉原有内容

操作页面元素

添加元素节点

上面红色框框住的方法作用都是相同的,只不过写法不同而已,注意是哪个添加到哪个

删除元素节点

事件绑定

使用bind可以支持json格式,可以进行多个事件的绑定

而其他事件只能绑定一个事件

可以在一个事件中执行其他的事件,使用trigger

Live方法(1.7版本后失效,如要使用,可以去百度静态资源库下载1.7版本)

以上就是今天总结的内容,图片比较多,主要还是我懒,其实还有很多选择器和方法没有列出来,还是需要好好去看API文档熟悉的,总结的不对的地方,还望大家多多指正哈,本人感激不尽