广西住房和城乡建设厅培训中心网站,深圳营销策划,网站设计制作从哪里学起,有口碑的app制作1.获取元素文本、属性、内部结构、表单中的值 获取标签中所夹的文本内容#xff1a;text() 获取标签的属性值#xff1a;prop(属性名) 获取表单元素的内容#xff1a;如 文本框中的内容 val() 获取元素的内部html结构#xff1a;html()
2.筛选选择器 筛选选择器#xff1…1.获取元素文本、属性、内部结构、表单中的值 获取标签中所夹的文本内容text() 获取标签的属性值prop(属性名) 获取表单元素的内容如 文本框中的内容 val() 获取元素的内部html结构html()
2.筛选选择器 筛选选择器选择器:条件 例如 选中的选项input:checked 1获取选择器中第一个元素 选择器:first 2获取选择器中最后一个元素 选择器:last 3获取选择器中第几个元素 选择器:eq(数字) 数字是下标 从0开始 4获取选择器中奇数下标的元素 选择器:odd 5获取选择器中偶数下标的元素 选择器:even
// 以下情况 后来者居上 会覆盖之前样式 // 1、 获取选择器中第一个元素 选择器:first // 将第一行的背景颜色设置成粉色 $(tr:first).css(background-color, pink) // 2、 获取选择器中最后一个元素 选择器:last // 将最后一行的背景颜色设置成兰色 $(tr:last).css(background-color, blue) // 3、 获取选择器中第几个元素 选择器:eq(数字) 数字 是下标 从0开始 // 将第三行的背景颜色设置成黄色 $(tr:eq(2)).css(background-color, yellow) // 4、 获取选择器中奇数下标的元素 选择器:odd // 将奇数下标的行的背景颜色设置成红色 $(tr:odd).css(background-color, red) // 5、 获取选择器中偶数下标的元素 选择器:even // 将偶数下标的行的背景颜色设置成绿色 $(tr:even).css(background-color, green)
3.jQuery中循环遍历元素 隐式迭代根据选择器获取同类型元素绑定事件 会作用到每一个元素上 假如每个元素的事件不一样 需要循环遍历 $(选择器).each(function(index,dom){ // index是下标 dom是DOM对象 想要转换成jQuery对象 $(DOM对象) })
ul li同学1/li li同学2/li li同学3/li li同学4/li li同学5/li /ul script src../jquery-3.7.0.js/script // jquery-3.7.0.js文件需要导入 script // 循环遍历所有的li 弹窗提示这是第几个li $(li).each(function(index,dom){ // 给元素对象绑定单击事件 $(dom).click(function(){ alert(这是第${index1}个li) }) }) /script
4.添加元素、删除元素 在html中添加标签(元素)标签写在字符串里 创建jQuery元素: $(标签) 添加jQuery元素 添加子元素 元素1.append(元素) 将元素添加到元素1里边位置处于后边 元素1.prepend(元素) 将元素添加到元素1里边位置处于前边 添加兄弟元素 元素1.before(元素) 位置处于元素1的前边 元素1.after(元素) 位置处于元素1的后边 删除jQuery元素 1删除元素本身 元素.remove() 2删除元素内部所有内容 元素.empty() 自己还在 3删除元素内部所有内容 元素.html() 自己还在
