怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码，在编写代码时会经常出现下拉的菜单供我们选择，为我们编写代码节省了很多的时间。这样......
2023-03-17 340 JQUERY DREAMWEAVER
jQuery选择器的介绍
来源：互联网
2023-03-16 23:54:22 480
jQuery是一个优秀的JavaScript框架，一个轻量级的JS库。 它里面封装了很多js，css,dom相关的操作，极大的简化了js编程。 并且它能够兼容大多数的浏览器，对我们的ajax的操作也提供了很简洁的 书写格式。
工具/原料
- eclipse
方法/步骤
a 基本选择器 selected/s1.html#id id选择器element 元素选择器.class 类选择* 通配符匹配selector1,selector2,selectorN 选择器合并查找
function f1(){//id选择器$('#d0').css('font-size','50px');}function f2(){//元素选择器$('p').css('font-size','50px')}
function f3(){//类选择器$('.c1').css({'font-size':'50px'});}function f4(){//组合选择$('#d2,p').css({'font-size':'50px','color':'red'});}function f5(){//通配符*$('*').css('font-size','50px').css('color','red');}function f6(){//使用元素.class$('p.c2').css({'color':'red'});//元素 空格 元素}function f7(){$('div p').css('color','red');}
方法/步骤2
b 层级选择器 selected/s2.html ancestor descendant 查找当前节点符合要求的所有后代节点 parent > child 只查找当前节点符合要求的子节点 prev next 查找当前节点的符合要求的下一个兄弟节点 prev ~ siblings 查找当前节点符合要求的下面所有兄弟节点
function f1(){//$('#d0 div').css('color','red');//$('#d0').css('color','red');$('#d0 p,div').css('font-size','50px');}function f2(){$('#d0>div').css('font-size','50px');$('#d0>div').css('color','red');}
function f3(){//$('#d2 #d4').css('color','red');$('#d2 *').css('color','red');}function f4(){//$('#d2~*').css('color','red')$('#d2~div,#d2~.s1').css('color','red')}
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JQUERY
上一篇：如何利用jquery事件控制复选框按钮只能单选 下一篇：js如何让选项变色
相关文章
- 详细阅读
-
jQuery MiniUI 快速入门详细阅读
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大，使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
-
怎么使用JQuery Mobile开发移动网站详细阅读
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是，可以做一个网站，基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY