-
综合案例 各种选择器结合使用查看全部
-
jQuery选择器之特殊选择器this this 和$(this)： this是js中的关键字，指的是上下文对象，简单的说就是方法/属性的所有者 $(this),代表的上下文对象是一个jQuery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
jQuery选择器之表单对象属性筛选选择器 $(":enabled"):选取可用的表单元素 $(":disabled"):选取不可用的表单元素 $(":checked")：选取被选中的<input>元素 $(":selected"): 选取被选中的<option>元素查看全部
-
jQuery选择器之子元素筛选选择器 子元素筛选选择器不常用。其筛选规则比起其他的选择器稍微要复杂点 $(":first-child") 选择所有父级元素下的第一个子元素 $(":last-child") 选择所父级元素下的最后一个子元素 $(":only-child") 如果某个子元素是其父元素的唯一子元素，那么它就会被选中 $(":nth-child") 选择它们所有父元素的第n个子元素 $(":nth-last-child") 选择所有它们父元素的第n个子元素，计数从最后一个元素开始到第一个 注意: 1.:first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父元素匹配第一个子元素 相当于:nth-child(1); 2.:last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素; 3.如果子元素只有一个的话，:first-child与:last-child是同一个； 4.:only-child匹配某个元素是父元素中唯一的子元素。查看全部
-
jQuery选择器之属性筛选选择器 属性选择器让你可以基于属性来定位一个元素，可以只指定该元素的某个属性，这样所有使用该属性而不管它的值，这个元素都将被定位。 在众多属性选择器中[attr="value"] 和[attr*="value"]是最实用 其他的可以后续查看。 [attr="value"]:能帮我们定位不同类型的元素，特别是表单form元素的操作 [attr*="value"]: 能在网站中帮助我们匹配不同类型的文件。查看全部
-
jQuery选择器之可见性筛选选择器 我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度，是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。查看全部
-
这节看一下查看全部
-
.html() 不传入值，就是获取集合中第一个匹配元素的HTML内容 .html( htmlString ) 设置每一个匹配元素的html内容 .html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数 .text() 得到匹配元素集合中每个元素的合并文本，包括他们的后代 .text( textString ) 用于设置匹配元素内容的文本 .text( function(index, text) ) 用来返回设置文本内容的一个函数查看全部
-
Attribute就是dom节点自带的属性(id、class、title、align) Property是这个DOM元素作为对象，其附加的内容(tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected) 获取Attribute就需要用attr()，获取Property就需要用prop()查看全部
-
DOM：getAttribute setAttribute removeAttribute JQ: attr() attr(传入属性名)：获取属性的值 attr(属性名, 属性值)：设置属性的值 attr(属性名,函数值)：设置属性的函数值 attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAtr() .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性（attribute）查看全部
-
<p id="test1">点击测试：通过原生DOM处理</p> <p id="test2">点击测试：通过原生jQuery处理</p> <script type="text/javascript"> var p1 = document.getElementById('test1') p1.addEventListener('click',function(){ //直接通过dom的方法改变颜色 this.style.color = "red"; },false); </script> <script type="text/javascript"> $('#test2').click(function(){ //通过包装成jQuery对象改变颜色 $(this).css('color','blue'); }) </script>查看全部
-
jquery选择器之可见性筛选选择器 $(":visible"):选择所有显示的元素 $(":hidden"):选择所有隐藏的元素 :hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单，visibility等 有几种方式可以隐藏一个元素： 1.css display 的值是none; 2.type="hidden" 的表单元素。 3.宽度和高度都显式设置为0. 4.一个祖先元素是隐藏的，该元素是不会在页面上显示 5.css visibility 的值是hidden 6.css opacity的值是0 如果元素中占据文档中一定的空间，元素被认为是可见的。 可见元素的宽度或高度，是大于零 元素的visibility:hidden或opacity:0被认为是可见的，因为它们仍然占用空间布局。查看全部
-
通过标准的JavaScript操作DOM与jQuyer操作DOM的对比，我们不难发现： 通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，代码也会更加精短。查看全部
-
jquery选择器之内容筛选选择器 $(":contains(text)"):选择所有包含指定文本的元素 $(":parent"):选择所有含有子元素或者文本的元素 $(":emoty"):选择所有没有子元素的元素(包含文本节点) $(":has(selector)"):选择元素中至少包含指定选择器的元素 注意: 1.:contains与:has都有查找的意思，但是前者查找包含"指定文本"的元素，后者查找包含"指定元素"的元素. 2.如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 3.:parent与:empty是相反的，两者所涉及的子元素，包括文本节点。查看全部
-
var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red');查看全部
举报
0/150
提交
取消