JQuery --- 第二期 (jQuery属性操作)】的更多相关文章

个人学习笔记 1.JQuery的内容选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JQuery的内容选择器</title> <script src="jquery-1.12.4.js"></script> <script> $(functi…
JQuery处理DOM元素-属性操作 //操作元素的属性: $('*').each(function(n){ this.id = this.tagName + n; }) //获取属性值: $('').attr(''); //设置属性值: //为一个属性设置值 $('*').attr('title', function(index, previousValue){ return previousValue + ' I am element ' + index + ' and my name is…
JQuery拥有隐式迭代和显式迭代 因为JQuery为类数组对象,可以使用手动遍历实现显式 .each():也可以使用 $("p").click(function(){ var text = $(this).text(); alert(text); }) 实现隐式迭代 注:JQuery中很多方法都是无参为获取,单参为设置值(也就是无参为getter(),带参为setter()) JQuery中的DOM操作 DOM Core: DOM Core 并不专属于 JavaScript, 任何一…
样式表属性操作.css $("div").css({'width':100,'height':100,'background':'red'}); $("div").css("background","pink"); 类操作 .addClass添加类   $("div").addClass("class"); .removeClass删除类   $("div).removeCla…
样式及html属性操作1,行内样式 css(); a:获取样式 元素.css(样式名称); b:设置单个样式 元素.css("样式名称":"样式值"); c:设置多个样式 元素.css({"样式名称1":"样式值1","样式名称2":"样式值2",...}); d: 带回调函数的 元素.css({样式名称:function(index,value){ index是元素在对象集合中的索引位…
进一步选择元素相关方法:  .get() .eq() .find() .filter() .not() .is() .has() .add()集中操作  .end()回退操作 .get() $(".class").get()   可以填 $()选择器选出来的dom 索引,  0  1  2  3   -1  -2 ,   不填  取全部dom, 但是 取出来的dom 不再是jquery的对象,而是原生dom, 用get()取出来的 dom  都为原生dom: 现在会用了,但是咱们不能单…
一.简介   定义  jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库. jQuery对象  jQuery产生的对象时jQuery独有的,只能自己调用 书写规则  支持链式操作: 在变量前加””符号(var”符号(varvariable = jQuery 对象): 注:此规定并不是强制要求. 二.寻找元素   选择器 基本选择器.层级选择器.属性选择器 与CSS类似,这里不再细说,详细猛戳这里. 基本筛选…
取赋值相关方法:  .html() .text() .val() .size() .addClass() .removeClass() .hasClass() .html() html方法干嘛的呢,底层原理 是用原生js的 innerHTML 实现的,接下来,来看一下怎么使用它, 有什么区别. 其实基本使用跟innerHTML 差不多,但是正常的jquery 方法来讲,$('ul li').html() 像这样,你选的是ul 下面的全部li,正常来讲,取出的值应该是 有多少个li  就取多少个…
.arrt() 获取匹配的元素集合中的第一个元素的属性值,或设置每一个元素中的一个或多个属性值. .attr(attributeName) $("em").attr("title"); q获取“em”集合中的第一个em 的title值. .attr(attributeName,value) attributeName 要设置的属性名 value 这个属性设置的值 $("#greatp").attr('alt','she zhi shu xing…
<select class="input04" id="1" name="in_class1" onchange="setchange1(this)" style="width:100px;height:20px;"> <option selected="selected" value="0"> < 请选择 > </optio…